@flatbiz/antd
Version:
47 lines (44 loc) • 1.33 kB
TypeScript
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 {};