@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
79 lines (78 loc) • 2.07 kB
TypeScript
/**
* Figma预测图表组件 - 基于v2真实实现
* 学习HVACPredictiveChart的复杂数据结构和渐变技术，遵循shadcn/ui + Radix模式
*/
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
export interface FigmaPredictiveChartProps extends React.ComponentPropsWithoutRef<"div">, Omit<VariantProps<typeof figmaPredictiveChartVariants>, 'size'> {
/**
* 图表数据点 - 学习v2的数据结构
*/
data?: Array<{
label: string;
value: number;
position: {
x: number;
y: number;
};
}>;
/**
* 预测线条数据 - 学习v2的复杂线条系统
*/
lines?: Array<{
points: {
x: number;
y: number;
}[];
type?: 'solid' | 'dashed';
gradient?: {
id: string;
stops: Array<{
offset: string;
color: string;
opacity?: number;
}>;
};
strokeWidth?: number;
dashArray?: string;
}>;
/**
* 顶部指示器数据 - 学习v2的指示器系统
*/
indicators?: Array<{
color: string;
width: number;
label?: string;
}>;
/**
* Y轴标签
*/
yAxisLabels?: string[];
/**
* X轴标签
*/
xAxisLabels?: string[];
/**
* 图表尺寸
*/
size?: {
width: number;
height: number;
};
/**
* 是否显示网格
*/
showGrid?: boolean;
/**
* 指示器条尺寸
*/
indicatorSize?: {
width: number;
height: number;
};
}
declare const figmaPredictiveChartVariants: (props?: ({
size?: "sm" | "lg" | "md" | "xl" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const FigmaPredictiveChart: React.ForwardRefExoticComponent<FigmaPredictiveChartProps & React.RefAttributes<HTMLDivElement>>;
export { FigmaPredictiveChart, figmaPredictiveChartVariants };