mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 11:39:28 +08:00
1faabb219d
* Add ErrorList component * move class to ErrorList * support cache of status * update doc * update snapshot * patch test case * clean up * docs: add faq
65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import * as React from 'react';
|
|
import omit from 'omit.js';
|
|
import { FormProvider as RcFormProvider } from 'rc-field-form';
|
|
import { FormProviderProps as RcFormProviderProps } from 'rc-field-form/lib/FormContext';
|
|
import { ColProps } from '../grid/col';
|
|
import { FormLabelAlign } from './interface';
|
|
import { RequiredMark } from './Form';
|
|
import { ValidateStatus } from './FormItem';
|
|
|
|
/**
|
|
* Form Context
|
|
* Set top form style and pass to Form Item usage.
|
|
*/
|
|
export interface FormContextProps {
|
|
vertical: boolean;
|
|
name?: string;
|
|
colon?: boolean;
|
|
labelAlign?: FormLabelAlign;
|
|
labelCol?: ColProps;
|
|
wrapperCol?: ColProps;
|
|
requiredMark?: RequiredMark;
|
|
itemRef: (name: (string | number)[]) => (node: React.ReactElement) => void;
|
|
}
|
|
|
|
export const FormContext = React.createContext<FormContextProps>({
|
|
labelAlign: 'right',
|
|
vertical: false,
|
|
itemRef: (() => {}) as any,
|
|
});
|
|
|
|
/**
|
|
* Form Item Context
|
|
* Used for Form noStyle Item error collection
|
|
*/
|
|
export interface FormItemContextProps {
|
|
updateItemErrors: (name: string, errors: string[]) => void;
|
|
}
|
|
|
|
export const FormItemContext = React.createContext<FormItemContextProps>({
|
|
updateItemErrors: () => {},
|
|
});
|
|
|
|
/**
|
|
* Form Provider
|
|
*
|
|
*/
|
|
export interface FormProviderProps extends Omit<RcFormProviderProps, 'validateMessages'> {}
|
|
|
|
export const FormProvider: React.FC<FormProviderProps> = props => {
|
|
const providerProps = omit(props, ['prefixCls']);
|
|
return <RcFormProvider {...providerProps} />;
|
|
};
|
|
|
|
/**
|
|
* Used for ErrorList only
|
|
*/
|
|
export interface FormItemPrefixContextProps {
|
|
prefixCls: string;
|
|
status?: ValidateStatus;
|
|
}
|
|
|
|
export const FormItemPrefixContext = React.createContext<FormItemPrefixContextProps>({
|
|
prefixCls: '',
|
|
});
|