@iimm/formily-mui
Version:
form field components based on @mui/material and @formily/react
36 lines (35 loc) • 1.24 kB
TypeScript
import React from 'react';
import type { SxProps, TextFieldProps, CheckboxProps, ListItemTextProps, ListItemButtonProps } from '@mui/material';
export interface ListCardCommonProps {
showSelectAll?: boolean;
showSearch?: boolean;
listSx?: SxProps;
cardSx?: SxProps;
cardHeaderSx?: SxProps;
listItemButtonProps?: ListItemButtonProps;
/** 搜索关键字的文本框的Props */
searchProps?: TextFieldProps;
/** 每个选项前的复选框的props */
itemCheckboxProps?: CheckboxProps;
/** 选项的文本ListItemText的props */
listItemTextProps?: ListItemTextProps;
error?: boolean;
}
type Item = number | string | object;
interface ListCardProps extends ListCardCommonProps {
readOnly?: boolean;
disabled?: boolean;
options: {
value: Item;
label: React.ReactNode;
disabled?: boolean;
}[];
title?: React.ReactNode;
items: Item[];
checked: Item[];
setChecked: (value: Item[] | ((v: Item[]) => Item[])) => void;
handleToggle: (value: Item) => void;
handleToggleAll: (items: Item[]) => void;
}
export declare const ListCard: React.ForwardRefExoticComponent<ListCardProps & React.RefAttributes<HTMLDivElement>>;
export {};