tuo-ui数据结构说明

以下是基本数据结构说明,具体实现时可能会根据实际需要增加一些属性。

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

}