line-height 行高

设置/取消块节点的行高

使用方法

• 引入组件

import { LineHeightMenu } from '@kaitify/vue'

• 在 Wrapper 包裹器插槽中使用

<Wrapper v-model="content">
  <template #before>
    <LineHeightMenu />
  </template>
</Wrapper>

Props 参数

disabled boolean

是否禁用该菜单，默认为 false

data MenuDataType[]

自定义可选择的行高列表，同 Menu 组件的 data 参数类型，如：

[
  { "label": "1", "value": 3 },
  { "label": "3", "value": 3 }
]

defaultValue string | number

默认的行高数值，在选择“默认行高”时，会设置此数值，默认值为 1.5

popoverProps MenuPropsType['popoverProps']

浮层属性配置，同 Menu 的 popoverProps 属性

shortcut { [key: MenuDataType['value']]: (e: KeyboardEvent) => boolean }

菜单快捷键实现，继承自 Menu 组件的同名属性，具体使用可参考 Menu 组件的 shortcut

代码示例