@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
34 lines (33 loc) • 1.12 kB
TypeScript
/**
* Figma百分比环形图组件 - 基于用户提供的SVG设计
* 精确实现Figma设计规范，遵循shadcn/ui + Radix模式
*/
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
export interface FigmaPercentageDonutProps extends React.ComponentPropsWithoutRef<"div">, Omit<VariantProps<typeof figmaPercentageDonutVariants>, 'size'> {
/**
* 进度值 (0-100)
* @default 65
*/
value?: number;
/**
* 图表尺寸
* @default 120
*/
size?: number;
/**
* 显示百分比
* @default true
*/
showPercentage?: boolean;
/**
* 显示圆形指示器
* @default true
*/
showIndicator?: boolean;
}
declare const figmaPercentageDonutVariants: (props?: ({
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const FigmaPercentageDonut: React.ForwardRefExoticComponent<FigmaPercentageDonutProps & React.RefAttributes<HTMLDivElement>>;
export { FigmaPercentageDonut, figmaPercentageDonutVariants };