UNPKG

@flatbiz/antd

Version:
47 lines (44 loc) 1.33 kB
import { FC } from 'react'; export type TagListSelectValue = string | number | boolean; export type TagListSelectDataItem = { label: string; value: TagListSelectValue; color?: string; }; export type TagListSelectProps = { dataList: TagListSelectDataItem[]; /** 颜色配置数据,例如:{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */ colorMap?: Record<string | number, string>; value?: TagListSelectValue | TagListSelectValue[]; /** 是否强制匹配,默认值false */ forceMatch?: boolean; }; /** * 在列表数据中通过value匹配数据,以Tag形式展示 * @deprecated 已过期,请使用 TagListRender 组件 * @param props * @returns * ``` * 1. forceMatch: 是否强制匹配(默认值false) * - false: 匹配不到显示value值, * - true:匹配不到不显示 * 2. value 与 dataList中label、value任一相等,都可匹配 * * 用法1: * <TagListSelect * dataList=[{ label: '启用', value: 1 }] * colorMap={{ 1:'red', 2: 'blue'}} * value={1} /> * => * <Tag color={'red'}>启用</Tag> * * 用法2 * <TagListSelect * dataList=[{ label: '启用', value: 1. color: 'red' }] * value="启用" /> * => * <Tag color={'red'}>启用</Tag> * ``` */ export declare const TagListSelect: FC<TagListSelectProps>; export {};