UNPKG

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
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'>>;