@ray-js/smart-ui
Version:
轻量、可靠的智能小程序 UI 组件库
104 lines (103 loc) • 2.12 kB
TypeScript
/// <reference types="miniprogram-api-typings" />
import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
export interface SmartRateProps {
/**
* 在表单内提交时的标识符
*/
name?: string;
/**
* 当前分值
*/
value?: number;
/**
* 图标总数
*
* @default 5
*/
count?: number;
/**
* 图标大小，默认单位为`px`
*
* @default `20px`
*/
size?: string | number;
/**
* 图标间距，默认单位为`px`
*
* @default '4px'
*/
gutter?: string | number;
/**
* 选中时的颜色
*
* @default '#ffd21e'
*/
color?: string;
/**
* 未选中时的颜色
*
* @default '#c7c7c7'
*/
voidColor?: string;
/**
* 选中时的图标名称或图片链接，可选值见`Icon`组件
*
* @default 'star'
*/
icon?: string;
/**
* 未选中时的图标名称或图片链接，可选值见`Icon`组件
*
* @default 'star-o'
*/
voidIcon?: string;
/**
* 是否允许半选
*
* @default false
*/
allowHalf?: boolean;
/**
* 是否为只读状态
*
* @default false
*/
readonly?: boolean;
/**
* 是否禁用评分
*
* @default false
*/
disabled?: boolean;
/**
* 禁用时的颜色
*
* @default '#bdbdbd'
*/
disabledColor?: string;
/**
* 是否可以通过滑动手势选择评分
*
* @default true
*/
touchable?: boolean;
}
/**
* @deprecated
*/
export interface SmartRateChangeEvent extends WechatMiniprogram.BaseEvent {
detail: number;
}
export interface SmartRateEvents {
/**
* 当前分值变化时触发的事件
*/
onChange?: SmartEventHandler<number>;
}
export interface SmartRateExternalClassName extends SmartBaseExternalClassName {
/**
* 图标样式类
*/
iconClass?: string;
}
export type SmartRate = SmartComponent<SmartRateProps, SmartRateEvents, SmartRateExternalClassName>;