cloud-ui.vusion
Version:
Vusion Cloud UI
96 lines (95 loc) • 2.73 kB
YAML
- name: u-checkbox-card
title: 多选卡片
attrs:
- name: data
title: 数据
type: array
default: []
description: 可供选择的数据
- name: value
title: 值
type: Array
sync: true
model: true
description: 被选中数据
- name: placeholder
title: 占位符
type: string
description: 没有数据时的占位显示
- name: size
title: 尺寸
type: enum
options:
- normal
default: normal
description: 卡片尺寸
- name: column
title: 列数
type: number
description: 一行固定多少个选择项，如果不传则固定单项宽度为158px，每行个数自适应行宽
- name: converter
title: 转换器
type: string
options:
- value: join
title: 以','连接
- value: join:|
title: 以'|'连接
- value: join:;
title: 以';'连接
- value: json
title: json
default: join
description: value 与 values 的转换器。可选值：`'join'`表示将 values 数组 join 之后变成
value。也可以用`:`修改分隔符，类似 Vue 的指令参数。也可以传入一个包含 { get, set } 的一个对象
bindHide: true
slots:
- concept: Slot
name: default
description: 插入 HTML或 `Component`, 可展示额外内容。
slotProps:
concept: Param
name: current
typeAnnotation:
concept: TypeAnnotation
typeKind: generic
typeNamespace: nasl.ui
typeName: Current
typeArguments:
- concept: TypeAnnotation
typeKind: typeParam
typeName: T
- concept: Slot
name: placeholder
description: 空数据占位显示内容
events:
- name: input
title: 输入时
description: 输入时触发。
params:
- name: $event
type: string
description: 输入框的值
schema:
$ref: "#/basicTypes/String"
- name: senderVM
type: UInput
description: 发送事件实例
- name: change
title: 改变后
description: 值变化时触发。（注意：与原生事件不同）
params:
- name: $event
type: object
description: 自定义事件对象
schema:
$ref: "#/systemTypes/ChangeEvent"
- name: $event.value
type: string
description: 改变后的值
- name: $event.oldValue
type: string
description: 旧的值
- name: senderVM
type: UInput
description: 发送事件实例