以下是基本数据结构说明,具体实现时可能会根据实际需要增加一些属性。
1.字符输入类
{
value: String, // 默认初始值为‘’
onChange: (value) => {},
}
2.数字输入类
{
value: Number | undefined, // 默认初始值为undefined
onChange: (value) => {},
precision: Number, // 小数点精度,表示保留几位小数
step: Number, // 点击梯度变化按钮时的增减梯度,是正数
hideStep: Boolean, // 是否隐藏梯度变化按钮,默认是false
}
3.选项(Option)
{
value: String, // 必须唯一
title: String,
…...
}
或者
Option: String // 每个选项必须唯一
4.一般选择类
{
value: String,
onChange: (value, option: Option) => {}, // 所选值发生变化时调用
onSelect: (option: Option) => {}, // 进行选择操作时,调用(值不一定变化)
}
4.弹窗式选择类
{
visible: Boolean, // 弹窗是否可见
value: Any,
onClose: () => {}, // 点击关闭时调用
onOk: (value) => {}, // 点击确定时调用
onCancel: () => {} // 点击取消时调用
}
5.其他
5.1 adjustorNumber
{
value: Number,
onChange: (value) => {},
name: String,
min: Number,
max: Number
step: Number,
type: EnumOf(['continuous', 'discrete']),
couple: Boolean
}