64 lines
1.4 KiB
TypeScript
64 lines
1.4 KiB
TypeScript
import type { ExtractPropTypes } from 'vue'
|
|
import { CLICK_EVENT } from '../_constants'
|
|
import { commonProps, makeNumericProp, makeStringProp } from '../_utils'
|
|
|
|
export const cellProps = {
|
|
...commonProps,
|
|
/**
|
|
* @description 标题名称
|
|
*/
|
|
title: String,
|
|
/**
|
|
* @description 左侧副标题
|
|
*/
|
|
subTitle: String,
|
|
/**
|
|
* @description 右侧描述
|
|
*/
|
|
desc: String,
|
|
/**
|
|
* @description 右侧描述文本对齐方式 [text-align](https://www.w3school.com.cn/cssref/pr_text_text-align.asp)
|
|
*/
|
|
descTextAlign: makeStringProp<'right' | 'left' | 'center' | 'justify' | 'inherit'>('right'),
|
|
/**
|
|
* @description 是否展示右侧箭头并开启点击反馈
|
|
*/
|
|
isLink: Boolean,
|
|
/**
|
|
* @description 点击后跳转的目标路由对象，
|
|
*/
|
|
to: String,
|
|
/**
|
|
* @description 圆角半径
|
|
*/
|
|
roundRadius: makeNumericProp(undefined),
|
|
/**
|
|
* @description 是否使内容垂直居中
|
|
*/
|
|
center: Boolean,
|
|
/**
|
|
* @description 单元格大小，可选值为 `large`
|
|
*/
|
|
size: makeStringProp(''),
|
|
/**
|
|
* @description 是否启用点击效果
|
|
*/
|
|
clickable: Boolean,
|
|
/**
|
|
* @description 左侧图标
|
|
*/
|
|
icon: String,
|
|
/**
|
|
* @description 标题宽度
|
|
*/
|
|
titleWidth: makeNumericProp(undefined),
|
|
}
|
|
|
|
export type CellProps = ExtractPropTypes<typeof cellProps>
|
|
|
|
export const cellEmits = {
|
|
[CLICK_EVENT]: (event: Event) => event instanceof Object,
|
|
}
|
|
|
|
export type CellEmits = typeof cellEmits
|