uview-next/components/u-picker/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('picker', {
    // 输入的值
    //#ifdef VUE2
	value: {
		type: [Array, String, Number],
		default: ''
	},
	// #endif
	// #ifdef VUE3
	modelValue: {
		type: [Array, String, Number],
		default: ''
	},
	// #endif
    // 是否展示picker弹窗
    show: {
        type: Boolean,
        default: false
    },
    // 是否展示顶部的操作栏
    showToolbar: {
        type: Boolean,
        default: true
    },
    // 顶部标题
    title: {
        type: String,
        default: ''
    },
    // 对象数组，设置每一列的数据
    columns: {
        type: Array,
       default: () => []
    },
    // 是否显示加载中状态
    loading: {
        type: Boolean,
        default: false
    },
    // 各列中，单个选项的高度
    itemHeight: {
        type: [String, Number],
        default: 44
    },
    // 取消按钮的文字
    cancelText: {
        type: String,
        default: () => uni.$u.$t('uPicker.cancelText')
    },
    // 确认按钮的文字
    confirmText: {
        type: String,
        default: () => uni.$u.$t('uPicker.confirmText')
    },
    // 取消按钮的颜色
    cancelColor: {
        type: String,
        default: theme.lightColor
    },
    // 确认按钮的颜色
    confirmColor: {
        type: String,
        default: theme.primary
    },
    // 每列中可见选项的数量
    visibleItemCount: {
        type: [String, Number],
        default: 5
    },
    // 选项对象中，需要展示的属性键名
    keyName: {
        type: String,
        default: 'text'
    },
    // 选项对象中，需要展示的属性键名
    valueName: {
        type: String,
        default: 'value'
    },
    // 是否允许点击遮罩关闭选择器
    closeOnClickOverlay: {
        type: Boolean,
        default: true
    },
    // 各列的默认索引
    defaultIndex: {
        type: Array,
       default: () => []
    },
	// 是否在手指松开时立即触发 change 事件。若不开启则会在滚动动画结束后触发 change 事件，只在微信2.21.1及以上有效
	immediateChange: {
		type: Boolean,
		default: false
	},
	// 设置圆角值
	round: {
		type: String,
		default: ''
	}
})