@uiw/react-native/lib/Form/types/index.d.ts

UIW for React Native

import { RulesOption } from '@validator.tool/hook';
import React from 'react';
import Validator from 'validator.tool';
import { CardProps } from '../../Card';
import { ViewStyle } from 'react-native';
type KeyType = string | number | symbol;
type InnerMethodsReturnType<FormData = any> = {
    store: Partial<FormData>;
    initialValues: Partial<FormData>;
    updateStore: (value: any) => void;
    validator: Validator;
    forceUpdate: () => void;
    innerValidate: () => void;
};
type FormInstance<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> = {
    getFieldValue: (field: FieldKey) => FieldValue;
    setFieldValue: (field: FieldKey, value: FieldValue) => void;
    resetFieldValue: () => void;
    validate: () => Partial<Record<string, string>>;
    validateFields: () => Promise<FormData> | any;
    getInnerMethods: (inner?: boolean) => InnerMethodsReturnType<FormData>;
};
interface FormProps<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> {
    schema?: FormItemsProps[];
    form: FormInstance<FormData, FieldValue, FieldKey>;
    initialValues?: Partial<FormData>;
    /**
     * 支持默认和卡片两种模式
     */
    mode?: 'default' | 'card';
    watch?: Partial<Record<string, (value: unknown) => void>>;
    customComponentList?: Partial<Record<string, JSX.Element>>;
    changeValidate?: boolean;
    type?: 'json' | 'custom';
    children?: React.ReactElement;
    cardProps?: CardProps;
    containerStyle?: ViewStyle;
    displayType?: 'row' | 'column';
    labelStyle?: ViewStyle;
}
interface actionProps {
    remove: () => void;
    moveUp: () => void;
    moveDown: () => void;
    moveToTop: () => void;
    moveToBottom: () => void;
}
interface FormItemsProps {
    field: string;
    type: string;
    name: string;
    validate?: RulesOption['validate'];
    options?: Array<{
        label: string;
        value: KeyType;
    }>;
    attr?: any;
    required?: boolean;
    renderHeader?: (index: number, { remove, moveUp, moveDown }: actionProps) => React.ReactNode;
    renderAdd?: ({ add }: {
        add: () => void;
    }) => React.ReactNode;
    items?: Omit<FormItemsProps, 'validate' | 'required'>[];
    hide?: boolean;
    formItemStyle?: ViewStyle;
}
export type { FormProps, FormItemsProps, KeyType, FormInstance, InnerMethodsReturnType };