@ray-js/smart-ui/dist/@types/circle/index.d.ts

轻量、可靠的智能小程序 UI 组件库

import { SmartComponent } from '../base';
import { ReactNode, CSSProperties } from 'react';
export interface SmartCircleProps {
    /**
     * canvasId，可选，默认会随机生成一个
     */
    canvasId?: string;
    /**
     * 子元素
     * 默认值：undefined
     */
    children?: ReactNode;
    /**
     * 类名
     * 默认值：undefined
     */
    className?: string;
    /**
     * 样式 (v2.1.7)
     * 默认值：undefined
     */
    customStyle?: CSSProperties;
    /**
     * 填充颜色
     * 默认值：'#007AFF'
     */
    fillColor?: string;
    /**
     * 遮罩颜色
     * 默认值：'#ffffff'
     */
    maskColor?: string;
    /**
     * 样式风格
     * 可选值：`basic`、`angle`、`angle2`
     */
    mode?: 'basic' | 'angle' | 'angle2';
    /**
     * 百分比
     * 默认值：0
     */
    percent?: number;
    /**
     * 是否圆形
     * 默认值：true
     */
    round?: boolean;
    /**
     * 尺寸
     * 默认值：'100px'
     */
    size?: string;
    /**
     * 样式 (已废弃 v2.1.7)
     * 默认值：undefined
     */
    style?: CSSProperties;
    /**
     * 滑槽颜色
     * 默认值：'#d3d3d3'
     */
    trackColor?: string;
    /**
     * 滑槽宽度
     * 默认值：'10px'
     */
    trackWidth?: string;
    /**
     * 渐变色
     */
    fillColorStops?: Record<string, string>;
}
export type SmartCircle = SmartComponent<SmartCircleProps>;