@zhin.js/console 1.0.20 → 1.0.22

package/client/src/components/PluginConfigForm/CollectionFieldRenderers.tsx

@@ -1,176 +1,108 @@
 /**
- * 集合类型字段渲染器
- * 处理: list, tuple, object, dict
+ * Collection type field renderers
  */
 
-import { Flex, Box, Text, TextArea, Button, Badge, Card, Separator } from '@radix-ui/themes'
 import { List, Trash2, Plus, Package, Code, Info } from 'lucide-react'
 import type { FieldRendererProps, SchemaField } from './types.js'
+import { Textarea } from '../ui/textarea'
+import { Badge } from '../ui/badge'
+import { Button } from '../ui/button'
+import { Card } from '../ui/card'
+import { Separator } from '../ui/separator'
 
 interface CollectionFieldProps extends FieldRendererProps {
-  renderNestedField: (
-    fieldName: string,
-    field: SchemaField,
-    value: any,
-    onChange: (val: any) => void
-  ) => React.ReactElement
+  renderNestedField: (fieldName: string, field: SchemaField, value: any, onChange: (val: any) => void) => React.ReactElement
 }
 
-export function ListFieldRenderer({ 
-  fieldName,
-  field, 
-  value, 
-  onChange,
-  onArrayItemChange,
-  renderNestedField
+export function ListFieldRenderer({
+  fieldName, field, value, onChange, onArrayItemChange, renderNestedField
 }: CollectionFieldProps) {
   const arrayValue = Array.isArray(value) ? value : []
   const innerField = field.inner || field.items
-  
-  // 简单类型 - 使用多行文本 - 优化样式
+
   if (innerField && ['string', 'number'].includes(innerField.type)) {
     return (
-      <div className="p-3 rounded-lg bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800">
-        <Flex direction="column" gap="2">
-          <Flex align="center" gap="2">
-            <List className="w-4 h-4 text-green-600 dark:text-green-400" />
-            <Text size="1" weight="bold" className="text-green-700 dark:text-green-300">
-              列表输入 (每行一个值)
-            </Text>
-          </Flex>
-          <TextArea
-            size="2"
-            value={arrayValue.join('\n')}
-            onChange={(e) => {
-              const lines = e.target.value.split('\n').filter(Boolean)
-              const parsed = innerField.type === 'number' 
-                ? lines.map(l => parseFloat(l) || 0)
-                : lines
-              onChange(parsed)
-            }}
-            placeholder={`每行一个值\n${field.description || ''}`}
-            rows={4}
-            className="font-mono text-sm bg-white dark:bg-gray-950 hover:border-green-500 dark:hover:border-green-400 transition-colors"
-          />
-        </Flex>
+      <div className="p-3 rounded-lg bg-muted/50 border space-y-2">
+        <p className="flex items-center gap-1 text-xs font-semibold text-muted-foreground">
+          <List className="w-3 h-3" /> 列表输入 (每行一个值)
+        </p>
+        <Textarea
+          value={arrayValue.join('\n')}
+          onChange={(e) => {
+            const lines = e.target.value.split('\n').filter(Boolean)
+            onChange(innerField.type === 'number' ? lines.map(l => parseFloat(l) || 0) : lines)
+          }}
+          placeholder={`每行一个值\n${field.description || ''}`}
+          rows={4} className="font-mono text-sm"
+        />
       </div>
     )
   }
-  
-  // 复杂类型 - Card 列表 - 优化样式
+
   return (
-    <Flex direction="column" gap="2">
-      <div className="space-y-2">
-        {arrayValue.map((item, index) => (
-          <Card 
-            key={index} 
-            size="1" 
-            variant="surface"
-            className="border border-gray-200 dark:border-gray-800 hover:border-blue-300 dark:hover:border-blue-700 transition-colors group"
-          >
-            <Flex direction="column" gap="2" className="p-3">
-              <Flex justify="between" align="center">
-                <Flex align="center" gap="2">
-                  <Badge size="1" variant="soft" color="blue" className="font-mono">
-                    {index + 1}
-                  </Badge>
-                </Flex>
-                <Button
-                  size="1"
-                  variant="ghost"
-                  color="red"
-                  onClick={() => {
-                    const newArr = arrayValue.filter((_, i) => i !== index)
-                    onChange(newArr)
-                  }}
-                  className="opacity-0 group-hover:opacity-100 transition-opacity"
-                >
-                  <Trash2 className="w-3 h-3" />
-                </Button>
-              </Flex>
-              <div className="pl-2 border-l-2 border-blue-200 dark:border-blue-800">
-                {innerField && renderNestedField(`${fieldName}[${index}]`, innerField, item, (val) => {
-                  onArrayItemChange?.(fieldName, index, val)
-                })}
-              </div>
-            </Flex>
-          </Card>
-        ))}
-      </div>
-      <Button
-        size="2"
-        variant="soft"
-        onClick={() => {
-          const newItem = innerField?.default || (innerField?.type === 'object' ? {} : '')
-          onChange([...arrayValue, newItem])
-        }}
-        className="w-full hover:bg-blue-100 dark:hover:bg-blue-900/30 border-2 border-dashed border-blue-300 dark:border-blue-700 hover:border-blue-500 dark:hover:border-blue-500 transition-colors"
+    <div className="space-y-2">
+      {arrayValue.map((item, index) => (
+        <Card key={index} className="group">
+          <div className="p-3 space-y-2">
+            <div className="flex justify-between items-center">
+              <Badge variant="secondary" className="font-mono">{index + 1}</Badge>
+              <Button variant="ghost" size="sm"
+                className="opacity-0 group-hover:opacity-100 transition-opacity text-destructive"
+                onClick={() => onChange(arrayValue.filter((_, i) => i !== index))}
+              >
+                <Trash2 className="w-3 h-3" />
+              </Button>
+            </div>
+            <div className="pl-2 border-l-2">
+              {innerField && renderNestedField(`${fieldName}[${index}]`, innerField, item, (val) => {
+                onArrayItemChange?.(fieldName, index, val)
+              })}
+            </div>
+          </div>
+        </Card>
+      ))}
+      <Button variant="outline" size="sm" className="w-full border-dashed"
+        onClick={() => onChange([...arrayValue, innerField?.default || (innerField?.type === 'object' ? {} : '')])}
       >
-        <Plus className="w-4 h-4" />
-        添加项
+        <Plus className="w-4 h-4 mr-1" /> 添加项
       </Button>
-    </Flex>
+    </div>
   )
 }
 
 export function ArrayFieldRenderer({ field, value, onChange }: FieldRendererProps) {
-  // 兼容旧格式 - 优化样式
   return (
-    <div className="p-3 rounded-lg bg-cyan-50 dark:bg-cyan-900/20 border border-cyan-200 dark:border-cyan-800">
-      <Flex direction="column" gap="2">
-        <Flex align="center" gap="2">
-          <List className="w-4 h-4 text-cyan-600 dark:text-cyan-400" />
-          <Text size="1" weight="bold" className="text-cyan-700 dark:text-cyan-300">
-            数组输入 (每行一个值)
-          </Text>
-        </Flex>
-        <TextArea
-          size="2"
-          value={Array.isArray(value) ? value.join('\n') : ''}
-          onChange={(e) => onChange(e.target.value.split('\n').filter(Boolean))}
-          placeholder={`每行一个值\n${field.description || ''}`}
-          rows={3}
-          className="font-mono text-sm bg-white dark:bg-gray-950 hover:border-cyan-500 dark:hover:border-cyan-400 transition-colors"
-        />
-      </Flex>
+    <div className="p-3 rounded-lg bg-muted/50 border space-y-2">
+      <p className="flex items-center gap-1 text-xs font-semibold text-muted-foreground">
+        <List className="w-3 h-3" /> 数组输入 (每行一个值)
+      </p>
+      <Textarea
+        value={Array.isArray(value) ? value.join('\n') : ''}
+        onChange={(e) => onChange(e.target.value.split('\n').filter(Boolean))}
+        placeholder={`每行一个值\n${field.description || ''}`}
+        rows={3} className="font-mono text-sm"
+      />
     </div>
   )
 }
 
 export function TupleFieldRenderer({
-  fieldName,
-  field,
-  value,
-  onArrayItemChange,
-  renderNestedField
+  fieldName, field, value, onArrayItemChange, renderNestedField
 }: CollectionFieldProps) {
   const tupleValue = Array.isArray(value) ? value : []
   const tupleFields = field.list || []
-  
+
   return (
-    <div className="space-y-3">
+    <div className="space-y-2">
       {tupleFields.map((tupleField, index) => (
-        <div 
-          key={index}
-          className="p-3 rounded-lg bg-indigo-50 dark:bg-indigo-900/20 border border-indigo-200 dark:border-indigo-800 hover:border-indigo-300 dark:hover:border-indigo-700 transition-colors"
-        >
-          <Flex direction="column" gap="2">
-            <Flex align="center" gap="2">
-              <Badge size="1" variant="soft" color="indigo" className="font-mono">
-                #{index + 1}
-              </Badge>
-            </Flex>
-            {tupleField.description && (
-              <Text size="1" className="text-indigo-700 dark:text-indigo-300">
-                {tupleField.description}
-              </Text>
-            )}
-            <div className="mt-1">
-              {renderNestedField(`${fieldName}[${index}]`, tupleField, tupleValue[index], (val) => {
-                onArrayItemChange?.(fieldName, index, val)
-              })}
-            </div>
-          </Flex>
+        <div key={index} className="p-3 rounded-lg bg-muted/50 border space-y-2">
+          <Badge variant="secondary" className="font-mono">#{index + 1}</Badge>
+          {tupleField.description && <p className="text-xs text-muted-foreground">{tupleField.description}</p>}
+          <div className="mt-1">
+            {renderNestedField(`${fieldName}[${index}]`, tupleField, tupleValue[index], (val) => {
+              onArrayItemChange?.(fieldName, index, val)
+            })}
+          </div>
         </div>
       ))}
     </div>
@@ -178,48 +110,28 @@ export function TupleFieldRenderer({
 }
 
 export function ObjectFieldRenderer({
-  fieldName,
-  field,
-  value,
-  renderField
+  fieldName, field, renderField
 }: CollectionFieldProps & { renderField: (fieldName: string, field: SchemaField, parentPath?: string) => React.ReactElement }) {
   const objectFields = field.dict || field.properties || {}
-  
+
   return (
-    <div className="rounded-lg border-2 border-blue-200 dark:border-blue-800 bg-gradient-to-br from-blue-50/50 to-cyan-50/50 dark:from-blue-900/10 dark:to-cyan-900/10 overflow-hidden">
-      <div className="px-4 py-2 bg-blue-100 dark:bg-blue-900/30 border-b border-blue-200 dark:border-blue-800">
-        <Flex align="center" gap="2">
-          <Package className="w-4 h-4 text-blue-600 dark:text-blue-400" />
-        </Flex>
+    <div className="rounded-lg border-2 bg-muted/30 overflow-hidden">
+      <div className="px-4 py-2 bg-muted border-b flex items-center gap-2">
+        <Package className="w-4 h-4 text-muted-foreground" />
+        <span className="text-xs font-semibold text-muted-foreground">对象</span>
       </div>
-      <div className="p-4 space-y-3">
+      <div className="p-3 space-y-2">
         {Object.entries(objectFields).map(([key, nestedField]: [string, any], index) => (
           <div key={key}>
-            <div className="p-3 rounded-md bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800">
-              <Flex direction="column" gap="2">
-                <Flex align="center" gap="1">
-                  <Text size="2" weight="bold" className="text-gray-900 dark:text-gray-100">
-                    {nestedField.key || key}
-                  </Text>
-                  {nestedField.required && (
-                    <Text size="2" weight="bold" color="red" className="leading-none">
-                      *
-                    </Text>
-                  )}
-                </Flex>
-                {nestedField.description && (
-                  <Text size="1" color="gray">
-                    {nestedField.description}
-                  </Text>
-                )}
-                <div className="mt-1">
-                  {renderField(key, nestedField, fieldName)}
-                </div>
-              </Flex>
+            <div className="p-3 rounded-md bg-background border space-y-1">
+              <div className="flex items-center gap-1">
+                <span className="text-sm font-semibold">{nestedField.key || key}</span>
+                {nestedField.required && <span className="text-destructive font-bold">*</span>}
+              </div>
+              {nestedField.description && <p className="text-xs text-muted-foreground">{nestedField.description}</p>}
+              <div className="mt-1">{renderField(key, nestedField, fieldName)}</div>
             </div>
-            {index < Object.entries(objectFields).length - 1 && (
-              <Separator size="4" className="my-2" />
-            )}
+            {index < Object.entries(objectFields).length - 1 && <Separator className="my-2" />}
           </div>
         ))}
       </div>
@@ -229,33 +141,18 @@ export function ObjectFieldRenderer({
 
 export function DictFieldRenderer({ field, value, onChange }: FieldRendererProps) {
   return (
-    <div className="p-3 rounded-lg bg-violet-50 dark:bg-violet-900/20 border border-violet-200 dark:border-violet-800">
-      <Flex direction="column" gap="3">
-        <Flex align="center" gap="2">
-          <Code className="w-4 h-4 text-violet-600 dark:text-violet-400" />
-        </Flex>
-        <TextArea
-          size="2"
-          value={typeof value === 'object' ? JSON.stringify(value, null, 2) : value || '{}'}
-          onChange={(e) => {
-            try {
-              const parsed = JSON.parse(e.target.value)
-              onChange(parsed)
-            } catch {
-              // 忽略解析错误，继续编辑
-            }
-          }}
-          placeholder={field.description || '请输入 JSON 格式'}
-          rows={6}
-          className="font-mono text-sm bg-white dark:bg-gray-950 hover:border-violet-500 dark:hover:border-violet-400 transition-colors"
-        />
-        <Flex align="center" gap="2">
-          <Info className="w-3 h-3 text-violet-600 dark:text-violet-400" />
-          <Text size="1" className="text-violet-700 dark:text-violet-300">
-            键值对格式: &#123;"key": "value"&#125;
-          </Text>
-        </Flex>
-      </Flex>
+    <div className="p-3 rounded-lg bg-muted/50 border space-y-2">
+      <p className="flex items-center gap-1 text-xs font-semibold text-muted-foreground">
+        <Code className="w-3 h-3" /> 键值对编辑
+      </p>
+      <Textarea
+        value={typeof value === 'object' ? JSON.stringify(value, null, 2) : value || '{}'}
+        onChange={(e) => { try { onChange(JSON.parse(e.target.value)) } catch {} }}
+        placeholder={field.description || '请输入 JSON 格式'} rows={6} className="font-mono text-sm"
+      />
+      <p className="flex items-center gap-1 text-xs text-muted-foreground">
+        <Info className="w-3 h-3" /> 键值对格式: {"{"}"key": "value"{"}"}
+      </p>
     </div>
   )
 }

package/client/src/components/PluginConfigForm/CompositeFieldRenderers.tsx

@@ -1,102 +1,63 @@
 /**
- * 组合类型字段渲染器
- * 处理: union, intersect
+ * Composite type field renderers
  */
 
-import { Flex, Box, Text, TextField, Select, Card, Badge } from '@radix-ui/themes'
 import { GitBranch, Layers } from 'lucide-react'
 import type { FieldRendererProps, SchemaField } from './types.js'
+import { Input } from '../ui/input'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'
 
 interface CompositeFieldProps extends FieldRendererProps {
-  renderNestedField: (
-    fieldName: string,
-    field: SchemaField,
-    value: any,
-    onChange: (val: any) => void
-  ) => React.ReactElement
+  renderNestedField: (fieldName: string, field: SchemaField, value: any, onChange: (val: any) => void) => React.ReactElement
 }
 
 export function UnionFieldRenderer({ field, value, onChange }: FieldRendererProps) {
   const unionFields = field.list || []
-  
+
   if (unionFields.length === 0) {
     return (
-      <TextField.Root
-        size="2"
-        value={value || ''}
-        onChange={(e) => onChange(e.target.value)}
+      <Input
+        value={value || ''} onChange={(e) => onChange(e.target.value)}
         placeholder={field.description || '请输入值'}
-        className="hover:border-blue-500 dark:hover:border-blue-400 transition-colors focus-within:ring-2 focus-within:ring-blue-500/20"
       />
     )
   }
-  
-  // 如果所有选项都是简单类型，使用下拉选择 - 优化样式
+
   const options = unionFields.map((uf: any) => uf.default || uf.type)
-  
+
   return (
-    <div className="p-3 rounded-lg bg-gradient-to-br from-pink-50 to-rose-50 dark:from-pink-900/20 dark:to-rose-900/20 border border-pink-200 dark:border-pink-800">
-      <Flex direction="column" gap="2">
-        <Flex align="center" gap="2">
-          <GitBranch className="w-4 h-4 text-pink-600 dark:text-pink-400" />
-        </Flex>
-        <Select.Root
-          size="2"
-          value={value?.toString() || ''}
-          onValueChange={onChange}
-        >
-          <Select.Trigger className="w-full hover:border-pink-500 dark:hover:border-pink-400 transition-colors" />
-          <Select.Content className="shadow-lg">
-            {options.map((option: any, index: number) => (
-              <Select.Item 
-                key={index} 
-                value={String(option)}
-                className="hover:bg-pink-50 dark:hover:bg-pink-900/20 transition-colors"
-              >
-                <Flex align="center" gap="2">
-                  <Text>{String(option)}</Text>
-                </Flex>
-              </Select.Item>
-            ))}
-          </Select.Content>
-        </Select.Root>
-      </Flex>
+    <div className="p-3 rounded-lg bg-muted/50 border space-y-2">
+      <p className="flex items-center gap-1 text-xs font-semibold text-muted-foreground">
+        <GitBranch className="w-3 h-3" /> 联合类型
+      </p>
+      <Select value={value?.toString() || ''} onValueChange={onChange}>
+        <SelectTrigger><SelectValue placeholder="请选择" /></SelectTrigger>
+        <SelectContent>
+          {options.map((option: any, index: number) => (
+            <SelectItem key={index} value={String(option)}>{String(option)}</SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
     </div>
   )
 }
 
 export function IntersectFieldRenderer({
-  fieldName,
-  field,
-  value,
-  onChange,
-  renderNestedField
+  fieldName, field, value, onChange, renderNestedField
 }: CompositeFieldProps) {
   const intersectFields = field.list || []
-  
+
   return (
-    <div className="rounded-lg border-2 border-teal-200 dark:border-teal-800 bg-gradient-to-br from-teal-50/50 to-emerald-50/50 dark:from-teal-900/10 dark:to-emerald-900/10 overflow-hidden">
-      <div className="px-4 py-2 bg-teal-100 dark:bg-teal-900/30 border-b border-teal-200 dark:border-teal-800">
-        <Flex align="center" gap="2">
-          <Layers className="w-4 h-4 text-teal-600 dark:text-teal-400" />
-        </Flex>
+    <div className="rounded-lg border-2 bg-muted/30 overflow-hidden">
+      <div className="px-4 py-2 bg-muted border-b flex items-center gap-2">
+        <Layers className="w-4 h-4 text-muted-foreground" />
+        <span className="text-xs font-semibold text-muted-foreground">交叉类型</span>
       </div>
-      <div className="p-4 space-y-3">
+      <div className="p-3 space-y-2">
         {intersectFields.map((iField: any, index: number) => (
-          <div 
-            key={index}
-            className="p-3 rounded-md bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800"
-          >
-            <Flex direction="column" gap="2">
-              {iField.description && (
-                <Text size="1" color="gray">
-                  {iField.description}
-                </Text>
-              )}
-              <div className="mt-1">
-                {renderNestedField(`${fieldName}[${index}]`, iField, value, onChange)}
-              </div>
-            </Flex>
+          <div key={index} className="p-3 rounded-md bg-background border space-y-1">
+            {iField.description && <p className="text-xs text-muted-foreground">{iField.description}</p>}
+            <div className="mt-1">{renderNestedField(`${fieldName}[${index}]`, iField, value, onChange)}</div>
           </div>
         ))}
       </div>

package/client/src/components/PluginConfigForm/FieldRenderer.tsx

@@ -1,31 +1,19 @@
 /**
- * 字段渲染器主入口
- * 根据字段类型分发到对应的渲染器
+ * Field renderer - dispatches to type-specific renderers
  */
 
-import { TextArea } from '@radix-ui/themes'
 import type { FieldRendererProps, SchemaField } from './types.js'
+import { Textarea } from '../ui/textarea'
 import {
-  StringFieldRenderer,
-  NumberFieldRenderer,
-  BooleanFieldRenderer,
-  PercentFieldRenderer,
-  DateFieldRenderer,
-  RegexpFieldRenderer,
-  ConstFieldRenderer,
-  AnyFieldRenderer
+  StringFieldRenderer, NumberFieldRenderer, BooleanFieldRenderer,
+  PercentFieldRenderer, DateFieldRenderer, RegexpFieldRenderer,
+  ConstFieldRenderer, AnyFieldRenderer
 } from './BasicFieldRenderers.js'
 import {
-  ListFieldRenderer,
-  ArrayFieldRenderer,
-  TupleFieldRenderer,
-  ObjectFieldRenderer,
-  DictFieldRenderer
+  ListFieldRenderer, ArrayFieldRenderer, TupleFieldRenderer,
+  ObjectFieldRenderer, DictFieldRenderer
 } from './CollectionFieldRenderers.js'
-import {
-  UnionFieldRenderer,
-  IntersectFieldRenderer
-} from './CompositeFieldRenderers.js'
+import { UnionFieldRenderer, IntersectFieldRenderer } from './CompositeFieldRenderers.js'
 
 interface FieldRendererConfig extends FieldRendererProps {
   renderField: (fieldName: string, field: SchemaField, parentPath?: string) => React.ReactElement
@@ -36,66 +24,29 @@ export function FieldRenderer(props: FieldRendererConfig) {
   const { field } = props
 
   switch (field.type) {
-    case 'string':
-      return <StringFieldRenderer {...props} />
-    
-    case 'number':
-    case 'integer':
-      return <NumberFieldRenderer {...props} />
-    
-    case 'boolean':
-      return <BooleanFieldRenderer {...props} />
-    
-    case 'percent':
-      return <PercentFieldRenderer {...props} />
-    
-    case 'date':
-      return <DateFieldRenderer {...props} />
-    
-    case 'regexp':
-      return <RegexpFieldRenderer {...props} />
-    
-    case 'const':
-      return <ConstFieldRenderer {...props} />
-    case 'any':
-      return <AnyFieldRenderer {...props} />
-    
-    case 'list':
-      return <ListFieldRenderer {...props} />
-    
-    case 'array':
-      return <ArrayFieldRenderer {...props} />
-    
-    case 'tuple':
-      return <TupleFieldRenderer {...props} />
-    
-    case 'object':
-      return <ObjectFieldRenderer {...props} />
-    
-    case 'dict':
-      return <DictFieldRenderer {...props} />
-    
-    case 'union':
-      return <UnionFieldRenderer {...props} />
-    
-    case 'intersect':
-      return <IntersectFieldRenderer {...props} />
-    
+    case 'string': return <StringFieldRenderer {...props} />
+    case 'number': case 'integer': return <NumberFieldRenderer {...props} />
+    case 'boolean': return <BooleanFieldRenderer {...props} />
+    case 'percent': return <PercentFieldRenderer {...props} />
+    case 'date': return <DateFieldRenderer {...props} />
+    case 'regexp': return <RegexpFieldRenderer {...props} />
+    case 'const': return <ConstFieldRenderer {...props} />
+    case 'any': return <AnyFieldRenderer {...props} />
+    case 'list': return <ListFieldRenderer {...props} />
+    case 'array': return <ArrayFieldRenderer {...props} />
+    case 'tuple': return <TupleFieldRenderer {...props} />
+    case 'object': return <ObjectFieldRenderer {...props} />
+    case 'dict': return <DictFieldRenderer {...props} />
+    case 'union': return <UnionFieldRenderer {...props} />
+    case 'intersect': return <IntersectFieldRenderer {...props} />
     default:
-      // 默认 JSON 编辑器
       return (
-        <TextArea
-          size="1"
+        <Textarea
           value={typeof props.value === 'object' ? JSON.stringify(props.value, null, 2) : props.value || ''}
           onChange={(e) => {
-            try {
-              const parsed = JSON.parse(e.target.value)
-              props.onChange(parsed)
-            } catch {
-              props.onChange(e.target.value)
-            }
+            try { props.onChange(JSON.parse(e.target.value)) } catch { props.onChange(e.target.value) }
           }}
-          placeholder={field.description || `请输入 JSON 格式`}
+          placeholder={field.description || '请输入 JSON 格式'}
           rows={4}
           className="font-mono text-xs"
         />
@@ -103,8 +54,7 @@ export function FieldRenderer(props: FieldRendererConfig) {
   }
 }
 
-// 辅助函数：判断字段是否为复杂类型（需要折叠）
 export function isComplexField(field: SchemaField): boolean {
-  return ['object', 'list', 'tuple', 'union', 'intersect', 'any'].includes(field.type) 
+  return ['object', 'list', 'tuple', 'union', 'intersect', 'any'].includes(field.type)
     || (field.type === 'dict' && !!field.dict)
 }