@iimm/formily-mui
Version:
form field components based on @mui/material and @formily/react
55 lines (54 loc) • 2.25 kB
TypeScript
import type { CSSProperties, ReactNode } from "react";
import "./index.scss";
import type { CommonLayoutProps } from "../FormLayout";
export interface FormItemBaseProps extends Omit<CommonLayoutProps, "noField"> {
/** formItem内部className的前缀，可以在引入自定义样式时使用
* @default iimm 可以通过样式覆盖来修改FormItem内部样式(不需要传递此值)
*/
prefixCls?: string;
className?: string;
style?: CSSProperties;
noLabel?: boolean;
label?: ReactNode;
/** 传递给包裹的FormItem的labelStyle */
labelStyle?: CSSProperties;
wrapperStyle?: CSSProperties;
tooltip?: ReactNode;
required?: boolean;
feedbackStatus?: "error" | "warning" | "success" | "pending" | "default" | (string & {});
feedbackText?: ReactNode;
feedbackIcon?: ReactNode;
/** formItem下部额外内容 */
extra?: ReactNode;
addonBefore?: ReactNode;
addonAfter?: ReactNode;
/** formItem下部额外内容的className */
extraCls?: string;
feedbackCls?: string;
/** 当不显示label/title时是否保持label/title所占空间？ */
keepTopSpace?: boolean;
/** 在没有内容时使用空格填充feedback?
* @default true
*/
keepFeedbackSpace?: boolean;
error?: boolean;
children?: ReactNode;
}
/** 当包裹内容时，一些用来传递给FormItemBase的props,主要用来自定义组件 */
export interface FormItemExtraProps {
/** 不从Field获取信息 */
noField?: boolean;
/** 不从FormLayout获取fullWidth等信息 */
noFormLayout?: boolean;
/** 外层包裹FormItemBase? */
withFormItem?: boolean;
/** 当 withFormItem=true时传递给FormItemBase的className*/
formItemCls?: string;
/** 当 withFormItem=true时传递给FormItemBase的style*/
formItemStyle?: CSSProperties;
/** 当 withFormItem=true时，传递给formItem的内部className的前缀，可以在引入自定义样式时使用
* @default iimm 可以通过样式覆盖来修改FormItem内部样式(不需要传递此值)
*/
formItemPrefixCls?: string;
}
export declare const FormItemBase: import("react").MemoExoticComponent<import("@formily/react").ReactFC<FormItemBaseProps>>;