Generically typed selection UI

描述

const options: {label: string, value: MyEnum} = {...};

const handleValueChange = (newValue: MyEnum) => {...};

... 

<SegmentedControl<MyEnum> options={options} onValueChange={handleValueChange}>
...
</SegmentedControl>

貢獻者指南

技術棧

typescriptreact

領域

frontend

議題類型

feature

難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。

3

預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。

1-2 days

活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。

fresh

清晰度議題是否清楚說明預期改動、驗收標準和下一步。

clear

前置要求

TypeScriptReact

新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。

60

研究方向

The issue requests adding generic type support to the `SegmentedControl` component so that the `onValueChange` callback receives an enum type instead of always string. The example shows desired usage with `<SegmentedControl<MyEnum>`. To implement, examine the current `SegmentedControl` component in the Blueprint source (likely in `packages/core/src/components/segmented control/`). The fix involves adding a generic type parameter to the component's props interface, propagating it to the `onValueChange` handler and the `value` prop. There are no existing comments or PRs to reference, so the implementation should follow existing patterns in the codebase for generic components (e.g., `InputGroup` or other form components). The change is localized and should include updated TypeScript types and possibly a test.