文字气泡

介绍

鼠标悬停、聚焦或点击在某个组件时，弹出的文字提示。

API

Props

参数名	描述	类型	默认值
status	默认状态 ，组件的状态	'default'|'hide'	'default'
content	气泡内容 ，气泡内显示的文字	string	-
controlMode	控制模式 ， 不可控模式通过鼠标移入移出控制气泡显隐;可控模式通过「文字气泡是否可见」属性值控制气泡显隐。	'unControl'|'control'	'unControl'
popupVisible	文字气泡是否可见 ， 控制文字气泡是否可见	boolean	false
position	弹出位置 ，控制文字气泡的显示位置	'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br' | 'left' | 'lt' | 'lb' | 'right' | 'rt' | 'rb' | 'top'
size	尺寸 ， 控制文字气泡的显示大小	'normal'|'mini'	'default'
backgroundColor	弹出框背景色 ，控制文字气泡的背景色	string	-
baseStyle	自定义样式 ， 表格整体自定义样式	string	-
customClass	类名绑定 ， 绑定类的名称	string	-
boxStyle	盒模型 ， margin,border,padding设置	BoxStyle	-
uniqueKey	唯一标识 ， 组件的唯一标识	string	-
loop	循环 ， 循环渲染设置	Loop	-

Events

事件名	描述	参数
onPopupVisibleChange	文字气泡显示状态更改时触发	ctx params:{ visible:boolean } loop:LoopParams

Type

// 盒模型
type BoxStyle = {
  "marigin": [string|string|string|string],
  "border": [string|string|string|string],
  "padding": [string|string|string|string],
}

// 循环
type Loop = {
  "data": any[],
  "paramName": string,
  "indexName": string,
  "key": string
}

// 循环变量数据参数
type LoopParams = {
  "indexName":string,
  "paramName":string,
  "ref":ComputedRefImpl, // 全部的循环变量数据
  "row":number,
  "rowIndex":number
}[]