@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
41 lines (40 loc) • 1.34 kB
TypeScript
/**
* Figma多层环形图组件 - 基于v2真实实现
* 学习HVACMultiLayerDonut的conic-gradient技术，遵循shadcn/ui + Radix模式
*/
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
export interface FigmaMultiLayerDonutProps extends React.ComponentPropsWithoutRef<"div">, Omit<VariantProps<typeof figmaMultiLayerDonutVariants>, 'size'> {
/**
* 多层数据，从外到内 - 学习v2的角度值系统
*/
layers?: Array<{
value: number;
strokeWidth: number;
gradient: {
startColor: string;
startOpacity?: number;
endColor: string;
endOpacity?: number;
};
}>;
/**
* 图表尺寸
* @default 195
*/
size?: number;
/**
* 中心文本
*/
centerText?: string;
/**
* 是否显示外圈边框
* @default true
*/
showOuterBorder?: boolean;
}
declare const figmaMultiLayerDonutVariants: (props?: ({
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const FigmaMultiLayerDonut: React.ForwardRefExoticComponent<FigmaMultiLayerDonutProps & React.RefAttributes<HTMLDivElement>>;
export { FigmaMultiLayerDonut, figmaMultiLayerDonutVariants };