为组件编写描述文件d.ts
例如有这样一个函数组件public-component/MyComponent
-MyComponent{
index.jsx
style.scss
}
为该组件编写一个index.d.ts描述文件,在使用组件时有api提示
无需其他项目配置
-MyComponent{
index.jsx
index.d.ts
style.scss
}
// index.d.ts
export interface DataItem<T> {
/**
* 非必传,状态的统计
*
* 默认:undefined,undefined时不展示括号
*/
count?: Number | undefined;
/**
* 非必传,hover提示语
*/
tip?: String;
}
export interface Props {
/**
* 必传,数据项数组
*/
data: DataItem[];
/**
* 必传,渲染显示字段
*
* 为 string 时,返回 d[string]
*
* 为 function 时,返回函数结果
*/
renderItem: String | Function;
/**
* 必传,选中数据的key值
*/
value: String;
/**
* 必传,数据改变事件
*
* nextValue 即将选中的key
*
* currentValue 当前选中的key
*
* checked 当前项是否被选中 true | false
*
* item 当前被选中的数据项(对象)
*
*/
onChange?: (nextValue: String, currentValue: String, checked: Boolean, item: Object) => void;
/**
* 非必传,快速搜素的标题,默认为"快速搜索:"
*/
title?: String;
/**
* 非必传,生成每一项key的辅助方法,默认index
*/
keygen?: String | Function;
/**
* 非必传,单选是否可取消选中,默认true
*/
canCancel?: Boolean;
}
declare function QsButton(props:Props) {}
export default QsButton;