输入类组件支持 focus、open 等方法

[shijiatongxue]

Which Component Need Enhancement 期望新增功能的组件

• Input、InputNumber、DatePicker、Select、TreeSelect、Cascader 等输入类组件

What does the proposed API look like 期望支持的API

• methods
  • open
  • focus
  • close
  • blur?
  • ...

Feature Description 功能描述

希望可以通过 ref.XXX 手动调用组件内部的一些方法，在某些 UI 交互比较严格的场景有用

比如输入类组件受控打开时输入框必须为激活态

Additional information 补充说明

[pointhalo]

截止至 v2.34， ❌ 代表未提供，需要添加， ✅代表已提供

AutoComplete

• ❌ open
• ❌focus
• ❌close
• ❌ blur

Input

• ✅ focus
• ✅ blur

Select

• ✅ open
• ✅ focus
• ✅ close

InputNumber

• ✅ focus
• ✅ blur

Cascader

• ✅ open
• ✅ close
• ✅ focus
• ✅blur

TreeSelect

• ❌ open
• ❌ focus
• ❌ close
• ❌ blur

DatePicker

• ✅open
• ✅ focus (暂不考虑，因其不止一个焦点位，input可能有多处)
• ✅close
• ✅blur （focus不做的话，blur也暂时不需要）

TimePicker

• ❌open
• ❌ close
• ✅ focus
• ✅ blur

TagInput

• ✅ focus
• ✅ blur

[pointhalo]

可参考 Select，open、close等方法在 foundation均已定义，仅需在 index.tsx 对外暴露即可。

[pointhalo]

Datepicker 需要提供 open、close method，用于解决以下场景：

【开启确认选择时，需要点击取消按钮关闭面板，若点击空白区域没法关闭面板。我的场景datepicker跟tab是一起用的，有没有什么办法让datepicker渲染受控？不然用户换tab的时候datepicker都消不掉】