@quanxi/ui/dist/Progress/progress.d.ts

全悉组件库

import React, { CSSProperties } from "react";
import "./style.scss";
/**
 * Progress 组件分两部分实现
 *
 * 1、横线进度条  使用 <div> 实现  -> Line.tsx
 * 2、圆形进度条  使用 <svg> 实现  -> Circle.tsx
 */
export type ProgressProps = {
    /**
     * 样式
     */
    style?: CSSProperties;
    /**
     * 类样式
     */
    className?: string;
    /**
     * 类型，可选
     * @default line
     */
    type?: "line" | "circle";
    /**
     * 进度百分比（0 ~ 100)
     * @default 0
     */
    percent?: number;
    /**
     * 进度条整体主色
     * @default blue
     */
    color?: "blue" | "red";
    /**
     * 外边框颜色
     * @default #F0F4FF
     */
    trailBorderColor?: string;
    /**
     * 外边框和进度条阴影主色(用rgb方式)
     * @default 77,119,255【外边框阴影默认颜色rgb(77,119,255,0.1), 进度条阴影默认颜色rgba(77,119,255,0.4)】
     */
    shadowColor?: string;
    /**
     * 进度条色彩
     * @default linear-gradient(90deg, #B2CDFF 0%, #4D77FF 100%)
     */
    strokeColor?: string;
    /**
     * 未完成色彩
     * @default #FFFFFF
     */
    trailColor?: string;
    /**
     * 自定义内容
     */
    children?: React.ReactNode;
};
declare function Progress<P extends ProgressProps>(props: P): JSX.Element;
export default Progress;