mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
a67b52ccce
* docs(components): [tooltip] * Update popconfirm docs with new syntax. * Remove tabindex and manual api * docs(components): [tooltip] * add Exposes * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip] * docs(components): [tooltip]
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { buildProps, definePropType } from '@element-plus/utils'
|
|
import { popperTriggerProps } from '@element-plus/components/popper'
|
|
import { EVENT_CODE } from '@element-plus/constants'
|
|
import type { Arrayable } from '@element-plus/utils'
|
|
import type { ExtractPropTypes } from 'vue'
|
|
|
|
export type TooltipTriggerType = 'hover' | 'focus' | 'click' | 'contextmenu'
|
|
|
|
export const useTooltipTriggerProps = buildProps({
|
|
...popperTriggerProps,
|
|
/**
|
|
* @description whether Tooltip is disabled
|
|
*/
|
|
disabled: Boolean,
|
|
/**
|
|
* @description How should the tooltip be triggered (to show)
|
|
*/
|
|
trigger: {
|
|
type: definePropType<Arrayable<TooltipTriggerType>>([String, Array]),
|
|
default: 'hover',
|
|
},
|
|
/**
|
|
* @description When you click the mouse to focus on the trigger element, you can define a set of keyboard codes to control the display of tooltip through the keyboard
|
|
*/
|
|
triggerKeys: {
|
|
type: definePropType<string[]>(Array),
|
|
default: () => [EVENT_CODE.enter, EVENT_CODE.space],
|
|
},
|
|
} as const)
|
|
|
|
export type ElTooltipTriggerProps = ExtractPropTypes<
|
|
typeof useTooltipTriggerProps
|
|
>
|