--- 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)。