Function SettingsWindow

packages/editor-app/src/components/SettingsWindow.tsx:35–725

({ onClose, settingsRegistry, initialCategoryId }: SettingsWindowProps)

}

export function SettingsWindow({ onClose, settingsRegistry, initialCategoryId }: SettingsWindowProps) {
    const { t } = useLocale();

    /**
     * Resolve localizable text - if it starts with '$', treat as translation key
     * 解析可本地化文本 - 如果以 '$' 开头，作为翻译键处理
     */
    const resolveText = (text: string | undefined): string => {
        if (!text) return '';
        if (isTranslationKey(text)) {
            return t(getTranslationKey(text));
        }
        return text;
    };

    const [categories, setCategories] = useState<SettingCategory[]>([]);
    const [selectedCategoryId, setSelectedCategoryId] = useState<string | null>(initialCategoryId || null);
    const [values, setValues] = useState<Map<string, any>>(new Map());
    const [errors, setErrors] = useState<Map<string, string>>(new Map());
    const [searchTerm, setSearchTerm] = useState('');
    const [expandedSections, setExpandedSections] = useState<Set<string>>(new Set());
    const [expandedMainCategories, setExpandedMainCategories] = useState<Set<string>>(new Set(['general']));

    // 将分类组织成主分类和子分类
    // Organize categories into main categories and sub-categories
    const mainCategories = useMemo((): MainCategory[] => {
        const categoryMap = new Map<string, SettingCategory[]>();

        // 定义主分类映射（使用配置 ID 作为键）
        // Main category mapping (using config IDs as keys)
        const mainCategoryMapping: Record<string, string> = {
            'appearance': 'general',
            'general': 'general',
            'project': 'general',
            'plugins': 'general',
            'editor': 'general',
            'physics': 'global',
            'rendering': 'global',
            'audio': 'global',
            'world': 'worldPartition',
            'local': 'worldPartitionLocal',
            'performance': 'performance'
        };

        categories.forEach((cat) => {
            const mainCatId = mainCategoryMapping[cat.id] || 'other';
            if (!categoryMap.has(mainCatId)) {
                categoryMap.set(mainCatId, []);
            }
            categoryMap.get(mainCatId)!.push(cat);
        });

        // 定义固定的主分类顺序（使用配置 ID）
        // Define fixed main category order (using config IDs)
        const orderedMainCategories = [
            'general',
            'global',
            'worldPartition',