shineout/css/Progress/Props.d.ts

Shein 前端组件库

import React from 'react';
import { StandardProps } from '../@types/common';
declare type ReactNode = React.ReactNode;
export interface ColorStep {
    form?: string;
    to?: string;
    [key: string]: string | undefined;
}
/**
 * @title Progress
 */
export interface ProgressProps extends StandardProps {
    /**
     * @en popup to show children
     * @cn 是否通过弹出框展示children
     */
    popup?: boolean;
    /**
     * @en Background color
     * @cn 背景色
     * @default '#e9ecef'
     */
    background?: string;
    /**
     * @en Content
     * @cn 附加内容
     */
    children?: string | ReactNode;
    /**
     * @en The foreground color can be set to the object to become a gradient
     * @cn 前景色, 可以设置为对象变成渐变.
     * @default primary
     */
    color?: string | ColorStep;
    /**
     * @en Options
     * @cn 样式
     * @default 'line'
     */
    shape?: 'line' | 'circle';
    /**
     * @en The width and height of 'circle' shape
     * @cn 进度条大小，仅对 circle 有效
     * @default 100
     */
    size?: number;
    /**
     * @en The width of the stroke
     * @cn 线框宽度
     * @default 8
     */
    strokeWidth?: number;
    /**
     * @en Container element style
     * @cn 最外层扩展样式
     */
    style?: React.CSSProperties;
    /**
     * @en Built-in color
     * @cn 内置配色
     */
    type?: 'success' | 'info' | 'warning' | 'danger';
    /**
     * @en Percentage, 0 <= value <= 100
     * @cn 百分比值，0 <= value <= 100
     * @default 0
     */
    value?: number;
    /**
     * @en The shape to be used at the end of open subpaths when they are stroked
     * @cn 进度条两端的描边形状
     */
    strokeLinecap?: React.SVGAttributes<any>['strokeLinecap'];
}
export interface PopupProps {
    value?: number;
    children?: ReactNode;
}
export {};