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:
MyPrototypeWhat 2025-09-17 18:33:14 +08:00
parent 15569387c7
commit e469016775

View File

@ -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>
)
}
}
}