uview-next/components/u-code-input/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('codeInput', {
	// 输入框类型
	type: {
		type: String,
		default: 'number'
	},
    // 设置右下角按钮的文字，有效值：send|search|next|go|done，兼容性详见uni-app文档
	// https://uniapp.dcloud.io/component/input
	// https://uniapp.dcloud.io/component/textarea
	confirmType: {
		type: String,
		default: 'done'
	},
	// 点击键盘右下角按钮时是否保持键盘不收起，H5无效
	confirmHold: {
		type: Boolean,
		default: false
	},
	// 键盘弹起时，是否自动上推页面
	adjustPosition: {
		type: Boolean,
        default: true
	},
    // 最大输入长度
    maxlength: {
        type: [String, Number],
        default: 6
    },
    // 是否用圆点填充
    dot: {
        type: Boolean,
        default: false
    },
    // 显示模式，box-盒子模式，line-底部横线模式
    mode: {
        type: String,
        default: 'box'
    },
    // 是否细边框
    hairline: {
        type: Boolean,
        default: false
    },
    // 字符间的距离
    space: {
        type: [String, Number],
        default: 10
    },
    // 预置值
    // #ifdef VUE2
    value: {
        type: [String, Number],
        default: ''
    },
    // #endif
    // #ifdef VUE3
    modelValue: {
        type: [String, Number],
        default: ''
    },
    // #endif
    // 是否自动获取焦点
    focus: {
        type: Boolean,
        default: false
    },
    // 字体是否加粗
    bold: {
        type: Boolean,
        default: false
    },
    // 字体颜色
    color: {
        type: String,
        default: theme.contentColor
    },
    // 字体大小
    fontSize: {
        type: [String, Number],
        default: 18
    },
    // 输入框的大小，宽等于高
    size: {
        type: [String, Number],
        default: 35
    },
    // 是否隐藏原生键盘，如果想用自定义键盘的话，需设置此参数为true
    disabledKeyboard: {
        type: Boolean,
        default: false
    },
    // 边框和线条颜色
    borderColor: {
        type: String,
        default: theme.borderColor
    },
	// 是否禁止输入"."符号
	disabledDot: {
		type: Boolean,
		default: true
	},
    // 背景颜色
    bgColor: {
        type: String,
        default: ''
    },
    //设置圆角值
    round: {
        type: [String, Number],
        default: 4
    }
})