import React from 'react'; export declare type LoadingType = 'spin' | 'circle' | 'arc' | 'dot'; export interface LoadingProps { /** * 自定义样式 * @en Custom stylesheet */ style?: React.CSSProperties; /** * 自定义类名 * @en Custom classname */ className?: string; /** * 主颜色,如果想使用 css 控制主颜色,可使用公共 mixin `.set-loading-color(@color)` * @en The main color, if you want to use css to control the main color, you can use the public mixin `.set-loading-color(@color)` */ color?: string; /** * loading类型 * @en Loading type * @default "dot" */ type?: LoadingType; /** * 当类型为`dot`或`spin`时有效,定义内部各元素的透明度 * @en Valid when the type is `dot` or `spin`, defines the transparency of each element inside */ list?: number[]; /** * 一次loading周期的毫秒数 * @en A loading cycle in millisecond * @default 1000 */ duration?: number; /** * 区分不同loading组件间的``内容 * @en Distinguish the `` content of different svg */ svgKey?: string; /** * 圆圈半径,类型为`circle`或`arc`时可用 * @en Circle radius, available when type is `circle` or `arc` * @default 9 */ radius?: number; /** * 圆圈描边宽度,类型为`circle`或`arc`或`spin`时可用 * @en Circle stroke width, available when type is `circle` or `arc` or `spin` * @default 2 */ stroke?: number; /** * 边缘是否为圆角 * @en Whether the edges are rounded * @default true */ filleted?: boolean; } export interface LoadingRef { /** * 最外层元素 DOM * @en The outermost element DOM */ dom: HTMLDivElement | null; } /** * 加载中组件,分为四种类型,`circle`为环形,`arc`为弧线,`spin`为旋转,`dot`为圆点。所有类型均可定制颜色,环形和弧线类型可定制线圈半径及粗细,旋转和圆点类型可定制内部元素透明度。 * @en Loading component, divided into four types, `circle` is a ring, `arc` is an arc `spin` is a rotation, and `dot` is a dot. All types can be customized in color, ring and arc types can be customized with coil radius and thickness, and rotation and dot types can be customized with internal element transparency. * @type 反馈 * @type_en Feedback * @name 加载 * @name_en Loading */ declare const Loading: React.ForwardRefExoticComponent>; export default Loading;