57 lines
1.3 KiB
TypeScript
57 lines
1.3 KiB
TypeScript
import type { ExtractPropTypes } from 'vue'
|
|
import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../_constants'
|
|
import { commonProps, isNumber, makeNumericProp, makeStringProp, nullableBooleanProp } from '../_utils'
|
|
|
|
export const rateProps = {
|
|
...commonProps,
|
|
/**
|
|
* @description 当前 `star` 数，可使用 `v-model` 双向绑定数据
|
|
*/
|
|
modelValue: makeNumericProp(0),
|
|
/**
|
|
* @description `star` 总数
|
|
*/
|
|
count: makeNumericProp(5),
|
|
/**
|
|
* @description 图标选中颜色
|
|
*/
|
|
activeColor: String,
|
|
/**
|
|
* @description 图标未选中颜色
|
|
*/
|
|
voidColor: String,
|
|
/**
|
|
* @description 是否半星
|
|
*/
|
|
allowHalf: Boolean,
|
|
/**
|
|
* @description 是否只读
|
|
*/
|
|
readonly: Boolean,
|
|
/**
|
|
* @description 是否禁用
|
|
*/
|
|
disabled: nullableBooleanProp,
|
|
/**
|
|
* @description 间距
|
|
*/
|
|
spacing: [String, Number],
|
|
/**
|
|
* @description `Icon` 尺寸大小，如 `20px` `2em` `2rem`
|
|
*/
|
|
size: [String, Number],
|
|
/**
|
|
* @description 自定义 `Icon`
|
|
*/
|
|
customIcon: makeStringProp('star-fill-n'),
|
|
}
|
|
|
|
export type RateProps = ExtractPropTypes<typeof rateProps>
|
|
|
|
export const rateEmits = {
|
|
[UPDATE_MODEL_EVENT]: (val: number) => isNumber(val),
|
|
[CHANGE_EVENT]: (val: number) => isNumber(val),
|
|
}
|
|
|
|
export type RateEmits = typeof rateEmits
|