nutui-uniapp/components/cell/cell.ts

京东风格的轻量级移动端 Uniapp、Vue3 组件库（支持小程序开发）

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