PopoverTableSelect
输入框触发弹出表格的选择器,支持筛选数据并将选中行回填到输入框。
基础用法
API
Props
| 名称 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| data | [] | — | — | |
| query | — | — | — | |
| params | Record<string, unknown> | undefined | {} | — | — |
| cacheKey | — | — | — | |
| enabled | boolean | undefined | true | — | — |
| staleTime | number | undefined | — | — | — |
| pagination | — | — | — | |
| resetPageOnParamsChange | boolean | undefined | true | — | — |
| currentPage | number | undefined | 1 | — | — |
| pageSize | number | undefined | 10 | — | — |
| placeholder | string | undefined | "点击或按下方向键试试" | — | — |
| virtualRef | null | — | — | |
| debounce | number | undefined | 0 | — | — |
| throttle | number | undefined | 300 | — | — |
| options | {} | — | — | |
| popType | "input" | — | — | |
| popoverProps | Partial<PopoverProps> | undefined | {} | — | — |
| inputProps | Partial<InputProps> | undefined | {} | — | — |
| successiveShowType | "enter" | — | — | |
| enableLoadMore | boolean | undefined | false | — | — |
| hasMore | boolean | undefined | false | — | — |
| loading | boolean | undefined | false | — | — |
| modelValue | boolean | undefined | false | — | — |
| inputValue | string | undefined | "" | — | — |
Emits
| 名称 | 参数 | 说明 |
|---|---|---|
| clear | [] | — |
| update:currentPage | [value: number] | — |
| update:pageSize | [value: number] | — |
| loaded | — | |
| error | — | |
| pageChange | — | |
| update:modelValue | [value: boolean] | — |
| input | [value: string] | — |
| enter | — | |
| focus | [] | — |
| blur | [] | — |
| select | — | |
| update:inputValue | [value: string] | — |
| loadMore | [] | — |
Slots
| 名称 | 作用域 | 说明 |
|---|---|---|
| default | any | — |
| footer | any | — |
| [dynamic] | 按列配置 slots.default / slots.header 动态声明的单元格或表头插槽,作用域参数为该列的行/列/值上下文。 |