OpenFlare/frontend/components/layout/avater-style/registry.ts

import { AvatarDecorationTheme } from './types';
import { ChristmasDecorations } from './Christmas';
import { NewYearDecorations } from './NewYear';

export const DecorationThemes: Record<string, AvatarDecorationTheme> = {
  christmas: {
    key: 'christmas',
    MainDecoration: ChristmasDecorations.Hat,
    InteractionDecoration: ChristmasDecorations.Tree,
    BackgroundEffect: ChristmasDecorations.SnowEffect,
    smallMainDecorationConfig: {
      className:
        'absolute -top-1 -left-1 w-3 h-3 z-20 rotate-[-20deg] drop-shadow-sm',
    },
    largeMainDecorationConfig: {
      className:
        'absolute -top-2 -left-1 w-5 h-5 z-20 rotate-[-20deg] drop-shadow-sm',
    },
    interactionDecorationConfig: {
      className:
        'absolute -top-2 right-2 w-12 h-12 z-0 rotate-[10deg] transition-all duration-500 ease-out',
    },
  },
  newyear: {
    key: 'newyear',
    MainDecoration: NewYearDecorations.Lantern,
    InteractionDecoration: NewYearDecorations.Fu,
    BackgroundEffect: NewYearDecorations.FireworksEffect,
    smallMainDecorationConfig: {
      className:
        'absolute -top-2 -right-1 w-8 h-8 z-20 rotate-[10deg] drop-shadow-md pointer-events-none',
    },
    largeMainDecorationConfig: {
      className:
        'absolute -top-3 -right-3 w-8 h-8 z-20 rotate-[10deg] drop-shadow-md pointer-events-none',
    },
    interactionDecorationConfig: {
      className:
        'absolute top-6 left-4 w-10 h-10 z-20 -rotate-[5deg] transition-all duration-500 ease-out',
    },
  },
  none: {
    key: 'none',
    MainDecoration: () => null,
    InteractionDecoration: () => null,
  },
};

/* 可选值: 'christmas', 'newyear', 'none' */
export const CURRENT_THEME_KEY: string = 'none';

export const getCurrentTheme = (): AvatarDecorationTheme => {
  return DecorationThemes[CURRENT_THEME_KEY] || DecorationThemes.none;
};