基础组件

输入框 (Input)

  • 数据格式
Id:{
    type: "input",
    label: 'Label',
    value: "100",
    format: "Decimal",
    isformat: true,
    placeholder: "",
    disabled: false,
    visible:true,
    min: 0,
    max: 1000
}
  • 属性
属性名说明类型默认值选项
type组件类型string"input"
label输入框标签string"Label"
value输入框的值string""
min输入框的最小值number0
max输入框的最大值number1000
isformat是否格式化输入框的值booleanfalsetrue,false
format输入框的值的格式enum"Decimal""Decimal","Hexadecimal","No check"
placeholder输入框的提示文本string""
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false

注意

当value的值不在min和max之间,或者输入的值不符合format时，会有错误提示

数字输入框 (Number)

  • 数据格式
Id:{
    type: "number",
    label: 'Label',
    value: 100,
    placeholder: "",
    disabled: false,
    visible:true,
    min: 0,
    max: 1000
}
  • 属性
属性名说明类型默认值选项
type组件类型string"number"
label输入框标签string"Label"
value输入框的值string,number""
min输入框的最小值number0
max输入框的最大值number1000
placeholder输入框的提示文本string""
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false

下拉选择 (Select)

  • 数据格式
Id:{
    type: "select",
    label: 'Label',
    value: "0",
    placeholder: "",
    disabled: false,
    visible:true,
    options:[
      {label: "0", value: "0"},
      {label: "1", value: "1"},
      {label: "2", value: "2"}
    ]
}
  • 属性
属性名说明类型默认值选项
type组件类型string"select"
label输入框标签string"Label"
value输入框的值string,number""
placeholder输入框的提示文本string""
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false
options选项的数据源array

复选框 (Checkbox)

  • 数据格式
Id:{
    type: "checkbox",
    label: 'Label',
    value: faslse,
    disabled: false,
    visible:true,
}
  • 属性
属性名说明类型默认值选项
type组件类型string"select"
label输入框标签string"Label"
value输入框的值booleanfalse
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false

文本 (Text)

text
  • 数据格式
Id:{
    type: "text",
    label: 'Label',
    value: "text"
}
  • 属性
属性名说明类型默认值选项
type组件类型string"text"
label输入框标签string"Label"
value输入框的值string""
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false

标签 (Span)

span
  • 数据格式
Id:{
    type: "span",
    label: 'Label',
    value: "text"
}
  • 属性
属性名说明类型默认值选项
type组件类型string"span"
label输入框标签string"Label"
value输入框的值string""
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false

表格 (Table)

  • 数据格式
Id:{
    type: "table",
    head: {
        name: {
            label: "Pin",
            type: "text"
        },
        mode: {
            label: "Mode",
            type: "select",
            options: [
                {
                    label: "Input",
                    value: "Input"
                },
                {
                    label: "Output_PP",
                    value: "Output_PP"
                },
                {
                    label: "Output_OD",
                    value: "Output_OD"
                },
                {
                    label: "AF_PP",
                    value: "AF_PP"
                },
                {
                    label: "AF_OD",
                    value: "AF_OD"
                },
                {
                    label: "Analog",
                    value: "Analog"
                },
                {
                    label: "IT Rising Edge",
                    value: "IT_Rising"
                },
                {
                    label: "IT Falling Edge",
                    value: "IT_Falling"
                },
                {
                    label: "IT Both Edge",
                    value: "IT_RisingFalling"
                },
                {
                    label: "Event Rising Edge",
                    value: "EVT_Rising"
                },
                {
                    label: "Event Falling Edge",
                    value: "EVT_Falling"
                },
                {
                    label: "Event Both Edge",
                    value: "EVT_RisingFalling"
                },
                {
                    label: "n/a",
                    value: "NA"
                }
            ]
        },
        pull: {
            label: "Pull",
            type: "select",
            options: [
                {
                    label: "No Pull",
                    value: "NOPULL"
                },
                {
                    label: "Pull-Up",
                    value: "Up"
                },
                {
                    label: "Pull-Down",
                    value: "Down"
                },
                {
                    label: "n/a",
                    value: "NA"
                }
            ]
        },
        speed: {
            label: "Speed",
            type: "select",
            options: [
                {
                    label: "Low",
                    value: "Low"
                },
                {
                    label: "Medium",
                    value: "Medium"
                },
                {
                    label: "High",
                    value: "High"
                },
                {
                    label: "Very High",
                    value: "VeryHigh"
                },
                {
                    label: "n/a",
                    value: "NA"
                }
            ]
        },
        level: {
            label: "Output Level",
            type: "select",
            options: [
                {
                    label: "Low",
                    value: "Low"
                },
                {
                    label: "High",
                    value: "High"
                },
                {
                    label: "n/a",
                    value: "NA"
                }
            ]
        },
        alternate: {
            label: "Alternate",
            type: "text"
        }
    },
    body: {
        "0": {
            pin:{ value:"PA0"},
            mode:{ value:"AF_PP"},
            pull:{ value:"NOPULL"},
            speed:{ value:"Low"},
            level:{ value:"NA"},
            alternate:{ value:"USART0_TX"}
        },
        "1": {
            pin:{ value:"PA2"},
            mode:{ value:"AF_PP"},
            pull:{ value:"NOPULL"},
            speed:{ value:"Low"},
            level:{ value:"NA"},
            alternate:{ value:"USART0_RX"}
        }
    }
}
  • 属性
属性名说明类型默认值选项
type组件类型string"table"
head表头定义object""
body表数据object""
disabled输入框是否禁用booleanfalsetrue,false
visible输入框是否可见booleantruetrue,false