test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
73 lines (72 loc) • 1.64 kB
TypeScript
import React, { FunctionComponent } from 'react';
import { BasicComponent } from '../../utils/typings';
export interface Color {
[key: string]: string;
}
export type LoadingSize = 'middle' | 'large' | 'small';
export type LoadingType = 'circle' | 'gradientCircle' | 'normal' | 'point' | 'dot';
export type LoadingTextPosition = 'vertical' | 'horizontal';
export interface LoadingProps extends BasicComponent {
/**
* 加载定位
* @default false
*/
fixed?: boolean
/**
* 尺寸
* @default middle
*/
size?: LoadingSize
/**
* 类型
* @default circle
*/
type?: LoadingType
/**
* 加载文案
* @default -
*/
text?: string
/**
* 加载文案位置
* @default vertical
*/
textPosition?: LoadingTextPosition
/**
* 是否显示加载文案
* @default -
*/
showText?: boolean
/**
* 自定义加载节点
* @default -
*/
loadingImage?: React.ReactNode
/**
* 圆弧的宽度
* @default 4
*/
strokeWidth?: string | number
/**
* 半径
* @default 34
*/
radius?: number | string
strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
/**
* 圆环进度条颜色,传入对象格式可以定义渐变色
* @default -
*/
color?: object | string
/**
* 圆环轨道颜色
* @default #F5F5F5
*/
background?: string
/**
* 是否顺时针展示
* @default true
*/
clockwise?: boolean
}
export declare const Loading: FunctionComponent<LoadingProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>>;