mirror of
https://github.com/CherryHQ/cherry-studio.git
synced 2025-12-29 14:31:35 +08:00
style(Selector.stories): simplify Selector component stories by condensing JSX structure
- Refactored the Selector component stories to use a more concise JSX format, improving readability. - Ensured consistent formatting across size variations for better maintainability.
This commit is contained in:
parent
15569387c7
commit
e469016775
@ -148,27 +148,15 @@ export const Sizes: Story = {
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm mb-2">小尺寸 (sm)</label>
|
||||
<Selector
|
||||
size="sm"
|
||||
placeholder="选择一个选项"
|
||||
items={items}
|
||||
/>
|
||||
<Selector size="sm" placeholder="选择一个选项" items={items} />
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm mb-2">中等尺寸 (md)</label>
|
||||
<Selector
|
||||
size="md"
|
||||
placeholder="选择一个选项"
|
||||
items={items}
|
||||
/>
|
||||
<Selector size="md" placeholder="选择一个选项" items={items} />
|
||||
</div>
|
||||
<div>
|
||||
<label className="block text-sm mb-2">大尺寸 (lg)</label>
|
||||
<Selector
|
||||
size="lg"
|
||||
placeholder="选择一个选项"
|
||||
items={items}
|
||||
/>
|
||||
<Selector size="lg" placeholder="选择一个选项" items={items} />
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
@ -211,9 +199,9 @@ export const LanguageSelector: Story = {
|
||||
items={languages}
|
||||
/>
|
||||
<div className="p-4 bg-gray-100 dark:bg-gray-800 rounded">
|
||||
当前语言: <strong>{languages.find(l => l.value === Array.from(selectedKeys)[0])?.label}</strong>
|
||||
当前语言: <strong>{languages.find((l) => l.value === Array.from(selectedKeys)[0])?.label}</strong>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user