merge: fix vis widget library groups

Author: jie

apps/studio/src/components/LeftPanel/ComponentsList.test.ts

@@ -0,0 +1,22 @@
+import { describe, expect, it } from 'vitest';
+import { COMPONENT_CATEGORY_DEFS, resolveComponentCategory } from './ComponentsList';
+
+const renderedCategories = new Set(COMPONENT_CATEGORY_DEFS.map((def) => def.key));
+
+describe('ComponentsList category mapping', () => {
+  it.each([
+    ['basic/text', undefined, 'basic'],
+    ['interaction/basic-switch', 'interaction', 'controls'],
+    ['chart/echarts-line', 'chart', 'charts'],
+    ['custom/alert-list', 'custom', 'business'],
+    ['resources/model-3d', 'resources', 'media'],
+    ['geo/map', 'geo', 'media'],
+    ['industrial/pump', 'industrial', 'industrial'],
+    ['unknown/widget', undefined, 'basic'],
+  ] as const)('maps %s category %s to visible group %s', (componentId, category, expected) => {
+    const resolved = resolveComponentCategory({ componentId, category });
+
+    expect(resolved).toBe(expected);
+    expect(renderedCategories.has(resolved)).toBe(true);
+  });
+});

apps/studio/src/components/LeftPanel/ComponentsList.tsx

@@ -100,18 +100,44 @@ const ICON_MAP: Record<string, LucideIcon> = {
   Shapes,
 };
 
-const CATEGORY_DEFS = [
+export const COMPONENT_CATEGORY_DEFS = [
   { key: 'basic', Icon: Box },
   { key: 'controls', Icon: MousePointerClick },
   { key: 'charts', Icon: BarChart3 },
   { key: 'media', Icon: Film },
+  { key: 'business', Icon: Bell },
   { key: 'decoration', Icon: Shapes },
   { key: 'industrial', Icon: Cpu },
 ] as const;
 
 type CategoryMap = Record<string, RegistryListEntry[]>;
 const HIDDEN_COMPONENT_IDS = new Set(['geo/map-china']);
 
+export type ComponentCategoryKey = (typeof COMPONENT_CATEGORY_DEFS)[number]['key'];
+
+export function resolveComponentCategory(
+  entry: Pick<RegistryListEntry, 'category' | 'componentId'>,
+): ComponentCategoryKey {
+  const rawCategory =
+    entry.category?.toLowerCase() || (entry.componentId.split('/')[0] || 'basic').toLowerCase();
+  const prefixMap: Record<string, ComponentCategoryKey> = {
+    basic: 'basic',
+    controls: 'controls',
+    display: 'basic',
+    interaction: 'controls',
+    chart: 'charts',
+    charts: 'charts',
+    media: 'media',
+    resources: 'media',
+    geo: 'media',
+    custom: 'business',
+    decoration: 'decoration',
+    industrial: 'industrial',
+  };
+
+  return prefixMap[rawCategory] ?? 'basic';
+}
+
 function resolveEntryDisplayName(entry: RegistryListEntry, language: string): string {
   const normalized = (language || '').toLowerCase();
   const baseLanguage = normalized.split('-')[0] ?? normalized;
@@ -162,28 +188,13 @@ export default function ComponentsList({
 
   const entriesByCategory = useMemo(() => {
     const map: CategoryMap = {};
-    const prefixMap: Record<string, string> = {
-      basic: 'basic',
-      controls: 'controls',
-      display: 'basic',
-      chart: 'charts',
-      charts: 'charts',
-      media: 'media',
-      decoration: 'decoration',
-      industrial: 'industrial',
-    };
-
-    CATEGORY_DEFS.forEach((def) => {
+    COMPONENT_CATEGORY_DEFS.forEach((def) => {
       map[def.key] = [];
     });
 
     entries.forEach((entry) => {
       // 优先从注册表读取直接定义好的 category，如果不存在再 fallback 到路径前缀解析
-      const rawCategory =
-        ((entry as any).category as string | undefined)?.toLowerCase() ||
-        (entry.componentId.split('/')[0] || 'basic').toLowerCase();
-      const category = prefixMap[rawCategory] || rawCategory || 'basic';
-      map[category] = map[category] ?? [];
+      const category = resolveComponentCategory(entry);
       map[category].push(entry);
     });
 
@@ -253,7 +264,7 @@ export default function ComponentsList({
             defaultValue={searchQuery ? Object.keys(filteredCategoriesMap) : ['basic']}
             className="space-y-2"
           >
-            {CATEGORY_DEFS.map((categoryDef) => {
+            {COMPONENT_CATEGORY_DEFS.map((categoryDef) => {
               const items = filteredCategoriesMap[categoryDef.key] ?? [];
               if (items.length === 0 && searchQuery) {
                 return null;

apps/studio/src/i18n/locales/en/editor.json

@@ -107,6 +107,7 @@
             "controls": "Controls",
             "charts": "Charts",
             "media": "Media",
+            "business": "Business",
             "decoration": "Decoration",
             "industrial": "Industrial"
         }

apps/studio/src/i18n/locales/zh/editor.json

@@ -107,6 +107,7 @@
             "controls": "控件",
             "charts": "图表",
             "media": "媒体",
+            "business": "业务",
             "decoration": "装饰",
             "industrial": "工业"
         }