0813 工程會議記錄(Icon, Select Value, Data Entry API)

[kuaniscreative]

Feature of Icon size prop

經常會碰到為了改變 icon size 而要多寫一隻 css class 的狀況，因此決議 Icon 新增可以控制 size 的 prop，但 prop 的名稱要想一下，只取 size 會跟目前其他 component 如 Button 使用 size 的情況不同（目前有 size 的都是固定大小 small、medium 等）

Select Value

1. 需區分 single 跟 multiple。以 ts 為例就是 type SelectValue = string | string[]
2. Select value 會改為 generic。目前只能為 string，考量有不少的情況為 select 完需要拿值去 map 的狀況，將 select value 改為 generic 可以一定程度省力。將 Select value 改為 generic 會碰到的問題是 value 的格式會改變，雖然使用 mezzanine 專案的會需要 refactor，但放到未來再改，會更加痛苦

Data Entry APIs

為了改善 Data Entry 系列使用上不直覺（需了解 component 內部結構）的問題，接下來會去研究是否每個 component 可以達到以下做法：

1. 對於 input 來說使用頻率最頻繁的 id, name, value, onChange, onBlur, onFocus 等必須在 component props 中（而不是現在的 props.inputProps 底下）
2. event handler 捨棄原生 event，handler 的 argument 會拿到我們定義好的一包資料例如 value, ref 等等。以 ts 的角度來看大概像是 type MznBlurEventHandler = ({ value: string, target: Ref<HTMLInputElement> }) => void
3. 可能要預想一下 onKeydown 等其他 event handler 要如何實現。

會先嘗試將 type 跟 API 拉出來看看再進一步討論。

與會人員：Steven, Parker, Travor, Kuan