---
category: Pro Components
subtitle: 抽象下拉表单控件
type: Abstract
title: TriggerField
---

所有有下拉菜单的表单控件的抽象基类。

## API

### TriggerField

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| popupContent | 下拉框的自定义内容 | ReactNode \| (props) => ReactNode |  |
| popupCls | 下拉框的自定义样式名 | string |  |
| popupStyle | 下拉框的内链样式 | CSSProperties |  |
| popupPlacement | 气泡框位置,可选 `top` `left` `right` `bottom` `topLeft` `topRight` `bottomLeft` `bottomRight` `leftTop` `leftBottom` `rightTop` `rightBottom` | string | top |
| trigger | 触发下拉框的方式组, 可选值:`click` `focus` `hover` `contextMenu` | string\[\] |  |
| triggerShowDelay | 下拉框显示延迟 | number | 150 |
| triggerHiddenDelay | 下拉框隐藏延迟 | number | 50 |
| onPopupHiddenChange | 下拉框变化的钩子 | (hidden: boolean) => void |  |
| getPopupContainer | 定义浮层的容器,默认为 body | (triggerNode: HTMLElement) => HTMLElement; |  |
| getPopupAlignTarget | 定义浮层对齐的目标,默认为组件最外层元素 | () => HTMLElement; |  |
| tabIntoPopupContent | 按 Tab 键进入下拉框中可获焦的元素 | boolean | false |
| viewMode | 内容的显示模式,  `Lov` 默认值是 `modal` 且目前只有 `Lov` 实现了 `modal` | 'popup', 'modal', 'drawer' | 'popup' |

更多属性请参考 [TextField](/components-pro/text-field/#TextField)。