Form Component API (Input/Textarea/Checkbox/Radio/Switch/Select/Tree Select/Autocomplete/Date Picker)

[travor20814]

問題

1. inputProps 的傳遞方式不統一
2. aria control

<Input
  inputProps={{
    'aria-x': true,
     id: 'inputid',
     onBlur: () => {}
  }}
/>

<Textarea textareaProps={{}} />

<Checkbox inputProps={{}} />

<Radio inputProps={{}} />

<Switch inputProps={{}} />

<Select
  onFocus={}
  onBlur={}
  inputProps={{}}
/>

<TreeSelect
  onFocus={}
  onBlur={}
  inputProps={{}}
/>

<!-- 這個還沒改版，應該會跟上面 Select 一樣才對 -->
<AutoComplete
  inputProps={{}}
/>

<DatePicker inputProps={{}} /> 

[travor20814]

ANS

1. 統合所有 inputProps 相關的 api (做成一個 Form interface ?)

• callback 相關的，如 onBlur, onFocus, onClick，直覺地灑在第一層 props？
• field 相關的控制，如 id, name, aria-* ... etc，統一開一個新的 props field 放底下？

2. 放在 field 底下？