uview-next/components/u-cell/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('cell', {
    // 标题
    title: {
        type: [String, Number],
        default: ''
    },
    // 标题下方的描述信息
    label: {
        type: [String, Number],
        default: ''
    },
    // 右侧的内容
    value: {
        type: [String, Number],
        default: ''
    },
    // 左侧图标名称，或者图片链接(本地文件建议使用绝对地址)
    icon: {
        type: String,
        default: ''
    },
    // 是否禁用cell
    disabled: {
        type: Boolean,
        default: false
    },
    // 是否显示下边框
    border: {
        type: Boolean,
        default: true
    },
    // 边框颜色
    borderColor: {
        type: String,
        default: theme.borderColor
    },
    // 内容是否垂直居中(主要是针对右侧的value部分)
    center: {
        type: Boolean,
        default: false
    },
    // 点击后跳转的URL地址
    url: {
        type: String,
        default: ''
    },
    // 链接跳转的方式，内部使用的是uView封装的route方法，可能会进行拦截操作
    linkType: {
        type: String,
        default: 'navigateTo'
    },
    // 是否开启点击反馈(表现为点击时加上灰色背景)
    clickable: {
        type: Boolean,
        default: false
    },
    // 是否展示右侧箭头并开启点击反馈
    isLink: {
        type: Boolean,
        default: false
    },
    // 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
    required: {
        type: Boolean,
        default: false
    },
    // 右侧的图标箭头
    rightIcon: {
        type: String,
        default: 'arrow-right'
    },
    // 右侧箭头的方向，可选值为：left，up，down
    arrowDirection: {
        type: String,
        default: ''
    },
    // 左侧图标样式
    iconStyle: {
        type: [Object, String],
        default: ''
    },
    // 右侧箭头图标的样式
    rightIconStyle: {
        type: [Object, String],
        default: ''
    },
    // 标题的样式
    titleStyle: {
        type: [Object, String],
        default: ''
    },
    // 单位元的大小，可选值为large
    size: {
        type: String,
        default: ''
    },
    // 点击cell是否阻止事件传播
    stop: {
        type: Boolean,
        default: true
    },
    // 标识符，cell被点击时返回
    name: {
        type: [Number, String],
        default: ''
    }
})