@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
86 lines (85 loc) • 2.71 kB
TypeScript
/**
* AI组件生成4层递进式验证流水线
* 实现从Token验证到性能集成的完整验证链路
*/
export interface ValidationResult {
status: 'passed' | 'failed' | 'warning';
layer: 1 | 2 | 3 | 4;
executionTime: string;
errors?: ValidationError[];
warnings?: string[];
feedback?: string;
}
export interface ValidationError {
type: string;
field?: string;
message: string;
suggestion: string;
example?: string;
validValues?: any[];
context?: Record<string, any>;
}
export interface ValidationPipeline {
id: string;
componentId: string;
status: 'pending' | 'running' | 'failed' | 'passed';
currentLayer: 1 | 2 | 3 | 4;
layerResults: {
layer1?: ValidationResult;
layer2?: ValidationResult;
layer3?: ValidationResult;
layer4?: ValidationResult;
};
retryCount: number;
maxRetries: number;
aiContext: AIGenerationContext;
}
export interface AIGenerationContext {
userInput: string;
generatedComponent: string;
generatedProps: Record<string, any>;
timestamp: Date;
previousErrors?: ValidationError[];
}
export declare class Layer1Validator {
validate(componentData: any): Promise<ValidationResult>;
}
export declare class Layer2Validator {
validate(componentData: any): Promise<ValidationResult>;
private checkColorContrast;
}
export declare class Layer3Validator {
validate(componentData: any): Promise<ValidationResult>;
private validateAccessibility;
private validateVisualConsistency;
private validateBrowserCompatibility;
private simulateChromaticTest;
}
export declare class Layer4Validator {
validate(componentData: any): Promise<ValidationResult>;
private validateBundleSize;
private validateRenderPerformance;
private validateIntegration;
private validateProductionReadiness;
private estimateComponentSize;
private estimateRenderTime;
}
export declare class ValidationPipelineManager {
private layer1Validator;
private layer2Validator;
private layer3Validator;
private layer4Validator;
runValidation(componentData: any, aiContext: AIGenerationContext): Promise<ValidationPipeline>;
generateAIFeedback(pipeline: ValidationPipeline): {
validationResult: ValidationResult;
improvementSuggestions: string[];
codeExamples: Record<string, string>;
designGuidelines: string[];
learningPoints: string[];
};
private generateImprovementSuggestions;
private generateCodeExamples;
private generateDesignGuidelines;
private generateLearningPoints;
}
export declare const validationPipeline: ValidationPipelineManager;