UNPKG

cloud-ui.vusion

Version:
375 lines (374 loc) 11.2 kB
- 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: 多选项