@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
84 lines (83 loc) • 2.64 kB
TypeScript
/**
* V2高级布局组件 - 基于v2项目真实技术实现
* 集成conic-gradient、mask、foreignObject等v2核心技术
* 遵循shadcn/ui + Radix模式
*/
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
export interface V2AdvancedLayoutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof v2AdvancedLayoutVariants> {
/**
* 布局内容
*/
children?: React.ReactNode;
/**
* v2复杂渐变配置 - 学习HVACMultiLayerDonut技术
*/
conicGradient?: {
enabled: boolean;
layers: Array<{
startAngle: number;
endAngle: number;
colors: Array<{
position: number;
color: string;
opacity?: number;
}>;
}>;
};
/**
* SVG遮罩效果 - 学习HVACDonutChart技术
*/
maskEffect?: {
enabled: boolean;
type: 'circular' | 'linear' | 'custom';
maskId: string;
paths?: string[];
};
/**
* 多层叠加效果 - 学习v2的层级系统
*/
layerSystem?: {
enabled: boolean;
layers: Array<{
background: string;
opacity: number;
blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay';
offset?: {
x: number;
y: number;
};
}>;
};
/**
* 动态指示器 - 学习HVACPredictiveChart的指示器条
*/
indicators?: Array<{
color: string;
width: number;
height?: number;
position: 'top' | 'bottom' | 'left' | 'right';
animated?: boolean;
}>;
/**
* 网格渐变系统 - 学习v2的网格渐变技术
*/
gridGradient?: {
enabled: boolean;
stops: Array<{
offset: string;
color: string;
opacity: number;
}>;
direction: 'horizontal' | 'vertical';
dashArray?: string;
};
}
declare const v2AdvancedLayoutVariants: (props?: ({
size?: "standard" | "compact" | "large" | "full" | null | undefined;
theme?: "v2Dark" | "transparent" | "v2Light" | "glass" | null | undefined;
border?: "none" | "gradient" | "subtle" | "prominent" | null | undefined;
corners?: "sm" | "lg" | "none" | "md" | "xl" | "full" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const V2AdvancedLayout: React.ForwardRefExoticComponent<V2AdvancedLayoutProps & React.RefAttributes<HTMLDivElement>>;
export { V2AdvancedLayout, v2AdvancedLayoutVariants };