cloud-ui.vusion
Version:
Vusion Cloud UI
375 lines (374 loc) • 11.2 kB
YAML
- name: u-checkboxes
title: 多选组
labels:
- Form
icon: checkboxes
description: 多项中选择多个时使用
attrs:
- name: data-source
title: 数据源
type: Array<Item> | Function
description: 展示数据的输入源,可设置为集合类型变量(List<T>)或输出参数为集合类型的逻辑。
designer-value: "[{}, {}, {}]"
group: 数据属性
brifeDoc: ""
docDescription: 支持动态绑定集合类型变量(List\<T>)或输出参数为集合类型的逻辑
tooltipLink: ""
- name: data-schema
title: 数据类型
type: schema
description: 数据源返回的数据结构的类型,自动识别类型进行展示说明
group: 数据属性
compType: dataTypeSelect
brifeDoc: ""
docDescription: 该属性为只读状态,当数据源动态绑定集合List\<T>后,会自动识别T的类型并进行展示。
tooltipLink: ""
- name: text-field
title: 选项文本
type: string
default: text
description: 集合的元素类型中,用于显示文本的属性名称
group: 数据属性
advanced: true
- name: value-field
title: 值字段
type: string
default: value
description: 用于标识选中值的字段
display: property-select
group: 数据属性
brifeDoc: ""
docDescription: 集合的元素类型中,用于标识选中值的属性,支持自定义变更。
tooltipLink: ""
- name: value
title: 选中值
type: Array
sync: true
model: true
default: []
description: 当前选中的值
group: 数据属性
brifeDoc: ""
docDescription: 多选组的选中项,返还结构为List\<T>。
tooltipLink: ""
- name: check-all
title: 全选控制
type: boolean
default: false
description: 是否进行全选
group: 主要属性
toggleclear:
- min
- max
- name: check-all-text
title: 全选展示内容
type: string
default: 全选
description: 全选功能展示的文案内容
group: 主要属性
dependency:
- check-all: true
- name: check-all-display
title: 展示方式
type: string
default: false
description: 选择展开方式
group: 主要属性
options:
- value: inline
title: 同行展示
- value: block
title: 分行展示
dependency:
- check-all: true
- name: min
title: 最小选中数
type: number
default: 0
description: 可以勾选多选框的最小数量
group: 主要属性
brifeDoc: ""
docDescription: 多选组可以勾选多选框的最小数量。
tooltipLink: ""
dependency:
- check-all: false
- name: max
title: 最大选中数
type: number
description: 可以勾选多选框的最大数量
group: 主要属性
brifeDoc: ""
docDescription: 多选组可以勾选多选框的最大数量。
tooltipLink: ""
dependency:
- check-all: false
- name: converter
title: 转换器
type: string
options:
- value: join
title: 以','连接
- value: join:|
title: 以'|'连接
- value: join:;
title: 以';'连接
- value: json
title: json
- value: ""
title: 无
default: ""
description: 将选中的值以选择的符号作为连接符,转为字符串格式;选择“json”则转为JSON字符串格式
bindHide: true
group: 主要属性
brifeDoc: ""
docDescription: 将选中的值以选择的符号作为连接符,转为字符串格式;选择“json”则转为JSON字符串格式
tooltipLink: ""
- name: readonly
title: 只读
type: boolean
default: false
description: 正常显示,但禁止选择/输入
group: 状态属性
brifeDoc: ""
docDescription: 正常显示,但禁止选择或输入
tooltipLink: ""
- name: disabled
title: 禁用
type: boolean
default: false
description: 置灰显示,且禁止任何交互(焦点、点击、选择、输入等)
group: 状态属性
brifeDoc: ""
docDescription: 置灰显示,且禁止任何交互(焦点、点击、选择、输入等)
tooltipLink: ""
events:
- name: input
title: 输入时
description: 切换选项时触发
params:
- name: $event
type: Array<string>
description: 切换后的选中值
- name: senderVM
type: UCheckbox
description: 发送事件实例
- name: check
title: 选中后
description: 切换选项时触发
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/ChangeEvent"
- name: $event.value
type: Array<string>
description: 切换后的选中值
- name: senderVM
type: UCheckboxes
description: 发送事件实例
- name: change
title: 改变后
description: 选中状态改变时触发
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/ChangeEvent"
- name: $event.value
type: Array<string>
description: 选中状态
- name: $event.oldValue
type: Array<string>
description: 旧的选中状态
- name: before-load
title: 加载前
description: 加载前触发
advanced: true
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/EventTarget"
- name: $event.preventDefault
type: Function
description: 阻止加载流程
- name: senderVM
type: UTableView
description: 发送事件实例
- name: load
title: 加载后
description: 加载后触发
params:
- name: $event
type: "null"
description: 无
- name: senderVM
type: UTableView
description: 发送事件实例
methods:
- name: reload
description: 清除缓存,重新加载
params: []
slots:
- concept: Slot
name: default
description: 插入`<checkbox>`子组件。
empty-background: add-sub
support:
- name: u-checkbox
title: 多选项
snippet: <u-checkbox><template slot="item">节点</template></u-checkbox>
- concept: Slot
name: check-all
description: 全选/反选
support:
- name: u-text
title: 全选/反选文本
snippet: <u-text text='全选'></u-text>
- concept: Slot
name: item
description: 自定义选项的结构和样式
slotProps:
concept: Param
name: current
typeAnnotation:
concept: TypeAnnotation
typeKind: generic
typeNamespace: nasl.ui
typeName: Current
typeArguments:
- concept: TypeAnnotation
typeKind: typeParam
typeName: T
- name: u-checkbox
title: 多选项
attrs:
- name: text
title: 文本
type: string
description: 显示文本内容
advanced: true
- name: value
title: 值
type: boolean, null
sync: true
model: true
default: false
description: 标志选中状态的值,`null`表示不确定状态
group: 数据属性
brifeDoc: ""
docDescription: 选项返还的选项值。
tooltipLink: ""
- name: label
title: 选项值
type: any
description: 用于标识选项的值
group: 数据属性
brifeDoc: ""
docDescription: ""
tooltipLink: ""
- name: autofocus
title: 自动获取焦点
type: boolean
default: false
description: ""
group: 主要属性
brifeDoc: ""
docDescription: ""
tooltipLink: ""
- name: readonly
title: 只读
type: boolean
default: false
description: 正常显示,但禁止选择/输入
group: 状态属性
brifeDoc: ""
docDescription: 正常显示,但禁止选择或输入
tooltipLink: ""
- name: disabled
title: 禁用
type: boolean
default: false
description: 置灰显示,且禁止任何交互(焦点、点击、选择、输入等)
group: 状态属性
brifeDoc: ""
docDescription: 置灰显示,且禁止任何交互(焦点、点击、选择、输入等)。
tooltipLink: ""
events:
- name: before-check
title: 选中前
description: 切换选中状态前触发
advanced: true
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/ChangeEvent"
- name: $event.value
type: boolean, null
description: 选中状态
- name: $event.oldValue
type: boolean, null
description: 旧的选中状态
- name: $event.preventDefault
type: Function
description: 阻止切换流程
- name: senderVM
type: UCheckbox
description: 发送事件实例
- name: input
title: 输入时
description: 切换选中状态时触发
params:
- name: $event
type: boolean, null
description: 切换后的选中状态
schema:
$ref: "#/basicTypes/Boolean"
- name: senderVM
type: UCheckbox
description: 发送事件实例
- name: check
title: 选中后
description: 切换选中状态时触发
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/ChangeEvent"
- name: $event.value
type: boolean, null
description: 选中状态
- name: $event.oldValue
type: boolean, null
description: 旧的选中状态
- name: $event.label
type: any
description: 此选框的标签
- name: senderVM
type: UCheckbox
description: 发送事件实例
- name: change
title: 改变后
description: 选中状态改变时触发
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/ChangeEvent"
- name: $event.value
type: boolean, null
description: 选中状态
- name: $event.oldValue
type: boolean, null
description: 旧的选中状态
- name: senderVM
type: UCheckbox
description: 发送事件实例
description: 多选项