完善规则配置页交互细节

app/utils/rules-config-editor.ts

@@ -54,12 +54,13 @@ export function getDefaultExpandedDependencyGroups(options: DependencyOption[],
 
 export function collectDependencyOptions(config: Pick<EditableRuleConfig, 'fields' | 'subDocuments' | 'visualElements'>): DependencyOption[] {
   const topLevelFields = config.fields.flatMap(field => {
-    const source = field.group ? `字段抽取 / ${field.group}` : '字段抽取';
+    const source = '字段抽取';
+    const group = field.group || '未分组';
     const options = [{
       value: field.name,
       label: field.name,
       source,
-      group: source
+      group
     }];
     if (field.group === '派生字段') {
       options.push({
@@ -74,7 +75,7 @@ export function collectDependencyOptions(config: Pick<EditableRuleConfig, 'field
         value: field.name.replace('[*].', '.'),
         label: field.name.replace('[*].', ' / '),
         source,
-        group: source
+        group
       });
     }
     return options;
@@ -105,31 +106,32 @@ export function collectDependencyOptions(config: Pick<EditableRuleConfig, 'field
 
   const visualElements = config.visualElements.flatMap(item => {
     const label = item.name || item.id;
-    const source = `视觉要素 / ${item.type}`;
+    const source = '视觉要素';
+    const group = item.type || '未分组';
     return [
       {
         value: item.id,
         label,
         source,
-        group: source
+        group
       },
       {
         value: item.name || item.id,
         label,
         source,
-        group: source
+        group
       },
       {
         value: `visual.${item.id}`,
         label,
         source,
-        group: source
+        group
       },
       {
         value: `visual.${item.name || item.id}`,
         label,
         source,
-        group: source
+        group
       },
       {
         value: item.type,