cloud-ui.vusion

- name: u-select icon: select title: 选择器 labels: - Selector description: 下拉选择器，支持单选、多选、搜索等功能 attrs: - name: data-source title: 数据源 type: Array<Item> | Function | object | DataSource description: 展示数据的输入源，可设置为集合类型变量（List<T>）或输出参数为集合类型的逻辑。 group: 数据属性 brifeDoc: "" docDescription: 支持动态绑定集合类型变量（List<T>）或输出参数为集合类型的逻辑 tooltipLink: "" - name: data-schema title: 数据类型 type: schema description: 数据源返回的数据结构的类型，自动识别类型进行展示说明 compType: dataTypeSelect group: 数据属性 brifeDoc: "" docDescription: 该属性为只读状态，当数据源动态绑定集合List<T>后，会自动识别T的类型并进行展示。 tooltipLink: "" - name: value title: 选中值 type: any sync: true model: true description: 当前选中的值 group: 数据属性 brifeDoc: "" docDescription: 当前选择的值 tooltipLink: "" - name: text-field title: 文本字段 type: string default: text description: 集合的元素类型中，用于显示文本的属性名称 display: property-select group: 数据属性 brifeDoc: "" docDescription: 集合的元素类型中，用于显示文本的属性名称，支持自定义变更。 tooltipLink: "" - name: value-field title: 值字段 type: string default: value description: 集合的元素类型中，用于标识选中值的属性 display: property-select group: 数据属性 brifeDoc: "" docDescription: 集合的元素类型中，用于标识选中值的属性，支持自定义变更 tooltipLink: "" - name: pageable title: 分页加载更多 type: boolean default: false description: 设置是否分页加载更多 hidden: true group: 数据属性 brifeDoc: "" docDescription: 是否使用分页功能加载更多 tooltipLink: "" - name: remote-paging title: 后端分页 type: boolean default: false description: 是否使用后端分页 hidden: true group: 数据属性 brifeDoc: "" docDescription: 控制是否使用后端分页，不支持自定义分页条数，默认为50条 tooltipLink: "" - name: pagination title: 分页 type: boolean description: 设置是否分页展示数据 group: 数据属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: page-size title: 默认每页条数 type: number display: number default: 50 min: 1 description: "" dependency: - pagination: true group: 数据属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: sorting title: 初始化排序规则 type: "{ field: string, order: string, compare: Function }" default: "{ field: undefined, order: 'desc' }" description: 设置数据初始化时的排序字段和顺序规则 group: 数据属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: description title: 选项辅助文本 type: boolean default: false description: 选项的辅助说明信息，展示在选项文本下方 group: 数据属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: description-field title: 辅助文本字段 type: string description: 集合的元素类型中，用于显示文本下方辅助描述的字段 dependency: - description: true display: property-select group: 数据属性 brifeDoc: "" docDescription: 集合的元素类型中，用于显示文本下方辅助描述的属性名称 tooltipLink: "" - name: icon-field title: 图标展示字段 type: string description: 集合的元素类型中，用于显示文本前面图标的属性名称。与文本字段、值字段类似的写法 display: property-select group: 数据属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: selected-values-data title: 选中值完整数据 type: Array description: 当下拉列表是分页或加载更多时，需要使用该字段回显选择框内数据。格式为[{text:'text',value:'value'}] group: 数据属性 advanced: true brifeDoc: "" docDescription: 当下拉列表是分页或加载更多时，需要使用该字段回显选择框内数据。格式为[{text:'text',value:'value'}] tooltipLink: "" - name: filterable title: 筛选 type: boolean default: false description: 设置是否可以筛选，开启将会支持搜索。 group: 数据属性 brifeDoc: "" docDescription: 开启后选择框可输入文本进行筛选 tooltipLink: "" - name: remote-filtering title: 后端筛选 type: boolean default: false description: 设置是否使用后端筛选 hidden: true group: 数据属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: match-method title: 匹配方法 type: string options: - value: includes title: 包括 - value: startsWith title: 匹配开头 - value: endsWith title: 匹配结尾 default: includes description: 过滤时的匹配方法 group: 数据属性 brifeDoc: "" docDescription: 支持配置过滤时的匹配模式，共有包括、匹配开头或匹配结尾3种模式 tooltipLink: "" - name: show-render-footer title: 可扩展下拉项 type: boolean default: false description: 设置是否可扩展下拉项,开启后可自定义下拉框选项 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: hasAllCheckItem title: 全选控制 type: boolean default: false description: 是否存在可以控制选项的全选/反选 group: 主要属性 docDescription: 是否存在可以控制选项的全选/反选 tooltipLink: "" - name: allCheckItemText title: 全选展示内容 type: string default: 全选 description: 是否存在可以控制选项的全选/反选 group: 主要属性 docDescription: 是否存在可以控制选项的全选/反选 tooltipLink: "" dependency: - hasAllCheckItem: true - name: converter title: 转换器 type: string options: - value: join title: 以','连接 - value: join:| title: 以'|'连接 - value: join:; title: 以';'连接 - value: json title: json description: 将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式。 bindHide: true clearable: true group: 主要属性 brifeDoc: "" docDescription: 将选中的值以选择的符号作为连接符，转为字符串格式；选择“json”则转为JSON字符串格式 tooltipLink: "" - name: placeholder title: 占位符 type: string default: 请选择 description: 为空时显示的占位符文本 group: 主要属性 brifeDoc: "" docDescription: 选择框无内容时的提示信息，支持自定义编辑，默认为请选择 tooltipLink: "" - name: autofocus title: 自动获取焦点 type: boolean default: false description: 设置是否自动获取焦点 designer-value: false group: 主要属性 brifeDoc: "" docDescription: 控制是否在进入页面时聚焦到该组件 tooltipLink: "" - name: prefix title: 前缀图标 type: string options: - value: search title: 搜索 description: "" clearable: true group: 主要属性 brifeDoc: "" docDescription: 支持添加前缀图标，如搜索图标 tooltipLink: "" - name: suffix title: 后缀图标 type: string options: - value: search title: 搜索 description: "" clearable: true group: 主要属性 brifeDoc: "" docDescription: 支持添加后缀图标，如搜索图标 tooltipLink: "" - name: append-to title: 弹出层位置依据 type: string default: reference description: 设置弹出层依据哪个元素定位位置，可选值：`'body'`表示添加到 document.body，`'reference'`表示添加到参考元素中。 options: - value: reference title: 引用元素下 - value: body title: 全局body group: 主要属性 brifeDoc: "" docDescription: 设置添加到哪个元素 tooltipLink: "" - name: clearable title: 可清除 type: boolean default: false description: 可点击清除按钮一键清除所选内容 group: 交互属性 brifeDoc: "" docDescription: 控制是否显示清除按钮，支持一键清除所选内容 tooltipLink: "" - name: tags-overflow title: 多选项展示形式 type: string default: collapse options: - value: hidden title: 过多时省略 - value: collapse title: 过多时收缩 - value: visible title: 过多时显示 description: 多选项过多时的展示形式 clearable: true group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: cancelable title: 可取消 type: boolean default: false description: 设置是否可以取消选择 hidden: true group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: multiple title: 可多选 type: boolean default: false description: 设置是否可以多选行 group: 交互属性 brifeDoc: "" docDescription: 是否可以多选 tooltipLink: "" - name: initial-load title: 初始即加载 type: boolean default: true description: 设置初始时是否立即加载 group: 状态属性 brifeDoc: "" docDescription: 是否在初始时立即加载 tooltipLink: "" - name: loading-text title: 加载中文字 type: string default: 加载中... description: 正在加载中的文字，使用分页加载时才会出现 advanced: true group: 状态属性 - name: show-empty-text title: 展示暂无数据文案 type: boolean default: true description: 是否在数据为空时展示暂无数据的文字提示 group: 状态属性 brifeDoc: "" docDescription: 是否在数据为空时展示暂无数据的文字提示 tooltipLink: "" - name: empty-text title: 暂无数据文案 type: string default: 暂无数据 description: 暂无数据状态显示的提示文案 group: 状态属性 brifeDoc: "" docDescription: 暂无数据时的文字 tooltipLink: "" - name: empty-disabled 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: "" - name: opened title: 弹出状态 type: boolean sync: true default: false description: 弹出状态分为“True(弹出)/False(关闭)”，默认为“弹出” group: 状态属性 brifeDoc: "" docDescription: 开启时加载下拉框时，下拉框自动弹出，默认关闭 tooltipLink: "" - name: width title: 宽度 type: string options: - value: full title: 占满 - value: huge title: 巨大 - value: large title: 大 - value: medium title: 中型 - value: normal title: 正常 - value: small title: 小 - value: mini title: 迷你 default: normal description: 设置选择框宽度大小 group: 样式属性 brifeDoc: "" docDescription: 设置选择框宽度大小，支持占满、巨大、大、中型、正常、小共6种模式 tooltipLink: "" - name: popperWidth title: 下拉列表宽度 type: string description: 设置下拉列表宽度 group: 样式属性 brifeDoc: "" docDescription: 设置下拉列表宽度 tooltipLink: "" - name: isItemDisplay title: 回显选项 type: boolean default: true description: 设置回显选项 group: 样式属性 brifeDoc: "" docDescription: 设置回显选项 tooltipLink: "" - name: height title: 高度 type: string options: - value: full title: 占满 - value: huge title: 巨大 - value: large title: 大 - value: medium title: 中型 - value: normal title: 正常 - value: small title: 小 - value: mini title: 迷你 default: normal description: 设置选择框高度大小 group: 样式属性 brifeDoc: "" docDescription: 设置选择框高度大小，支持占满、巨大、大、中型、正常、小共6种模式 tooltipLink: "" - name: case-sensitive title: 大小写敏感 type: string | Function default: includes description: 过滤时大小写是否敏感 advanced: true group: 选择属性 - name: auto-complete title: 自动补全 type: boolean default: false description: 是否开启自动补充模式，用于增加列表中没有的项 advanced: true group: 选择属性 slots: - concept: Slot name: default description: 插入`<u-select-item>`、`<u-select-divider>`或`<u-select-group>`子组件。 support: - name: u-select-item title: 选项 snippet: <u-select-item><u-text text="选项"></u-text></u-select-item> - name: u-select-group title: 分组 snippet: '<u-select-group><template #title><u-text text="分组"></u-text></template><u-select-item><u-text text="选项"></u-text></u-select-item></u-select-group>' - name: u-select-divider title: 分隔线 snippet: <u-select-divider></u-select-divider> events: - name: before-select title: 选择前 description: 选择某一项前触发。 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 选择项的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择项相关对象 - name: $event.itemVM type: SelectItem description: 选择项子组件 - name: $event.preventDefault type: Function description: 阻止选择流程 - name: senderVM type: USelect description: 发送事件实例 - name: input description: 选择某一项时触发 title: 选择时 params: - name: $event type: any description: 选择项的值 title: 选择项的值 schema: $ref: "#/basicTypes/String" - name: senderVM type: USelect title: 发送事件实例 description: 发送事件实例 - name: select title: 选择后 description: 选择某一项后触发。单选模式中： params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 改变后的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择项相关对象 - name: $event.oldItem type: object description: 旧的选择项相关对象 - name: $event.itemVM type: USelectItem description: 选择项子组件 - name: $event.oldVM type: USelectItem description: 旧的选择项子组件 - name: senderVM type: USelect description: 发送事件实例 - name: change title: 改变后 description: 选择值改变时触发。单选模式中： params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 选择项的值 - name: $event.oldValue type: any description: 旧的值 - name: $event.item type: object description: 选择项相关对象 - name: $event.oldItem type: object description: 旧的选择项相关对象 - name: $event.itemVM type: USelectItem description: 选择项子组件 - name: $event.oldVM type: USelectItem description: 旧的选择项子组件 - name: senderVM type: USelect description: 发送事件实例 - name: before-open title: 弹出前 description: 弹出前触发。 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/EventTarget" - name: $event.preventDefault type: Function description: 阻止弹出流程 - name: senderVM type: USelect description: 发送事件实例 - name: open title: 弹出后 description: 弹出后触发。 params: - name: $event type: "" description: 空 - name: senderVM type: USelect description: 发送事件实例 - name: before-close advanced: true title: 关闭前 description: 关闭前触发。 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/EventTarget" - name: $event.preventDefault type: Function description: 阻止关闭流程 - name: senderVM type: USelect description: 发送事件实例 - name: close title: 关闭后 description: 关闭时触发。 params: - name: $event type: "" description: 空 - name: senderVM type: USelect 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: USelect description: 发送事件实例 - name: load title: 加载后 description: 加载后触发 params: - name: $event type: "" description: 空 - name: senderVM type: USelect description: 发送事件实例 - name: click-prefix title: 点击前缀图标 description: 点击前缀图标后触发 params: - name: $event type: object description: 鼠标事件对象 schema: $ref: "#/systemTypes/MouseEvent" - name: click-suffix title: 点击后缀图标 description: 点击后缀图标后触发 params: - name: $event type: object description: 鼠标事件对象 schema: $ref: "#/systemTypes/MouseEvent" - name: blur title: 失去焦点 description: 失去焦点时触发。 params: - name: $event type: FocusEvent description: 原生事件对象 - name: senderVM description: 发送事件实例 - name: before-filter title: 搜索前 description: 可搜索输入框，在输入搜索文字时 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/DataSourceParams" - name: $event.filterText type: string description: 搜索值 methods: - name: open description: 弹出选择框。 params: [] - name: close description: 关闭选择框。 params: [] - name: toggle description: 切换弹出/关闭状态。 params: - name: opened? type: boolean description: 可选。弹出/关闭状态 - name: reload description: 清除缓存，重新加载 params: [] - name: addItem description: 添加项 params: - name: item type: object description: 当前添加的项 - name: inFirst type: boolean description: 是否添加到列表的第一项 required: false default: false designerDefault: label: 原子项 level: expressionNode type: BooleanLiteral value: false valueType: boolean - name: u-select-item title: 选择项 attrs: - name: text title: 选项文本 type: string description: 此项的显示值 - name: value title: 值 type: any description: 此项的值。 group: 数据属性 brifeDoc: "" docDescription: 此项的值 tooltipLink: "" - name: description title: 选项辅助文本 type: string description: 选项的辅助说明信息，展示在选项文本下方 group: 数据属性 brifeDoc: "" docDescription: 选项文本的辅助描述，展示在选项文本下方 tooltipLink: "" - name: item title: 相关对象 type: object description: 相关对象。当选择此项时，抛出的事件会传递该对象，便于开发。 group: 主要属性 brifeDoc: "" docDescription: 相关对象。当选择此项时，抛出的事件会传递该对象，便于开发 tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: 该项不可选，默认关闭 tooltipLink: "" slots: - concept: Slot name: default title: 默认 description: 插入文本或 HTML。 slotProps: concept: Param name: current typeAnnotation: concept: TypeAnnotation typeKind: generic typeNamespace: nasl.ui typeName: Current typeArguments: - concept: TypeAnnotation typeKind: typeParam typeName: T events: - name: before-select title: 选择前 description: 选择此项前触发 advanced: true params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/ChangeItemEvent" - name: $event.value type: any description: 此项的值 - name: $event.item type: object description: 此项的相关对象 - name: $event.itemVM type: SelectItem description: 此组件 - name: $event.preventDefault type: Function description: 阻止选择流程 - name: senderVM type: USelectItem description: 发送事件实例 description: 选择项 - name: u-select-group title: 选择分组 attrs: - name: title title: 标题 type: string default: null description: "" group: 主要属性 brifeDoc: "" docDescription: 选择分组的标题，标题只有在没有文本插槽的时候生效 tooltipLink: "" slots: - concept: Slot name: default title: 默认 description: 插入`<u-select-item>`或`<u-select-divider>`子组件。 support: - name: u-select-item title: 选项 snippet: <u-select-item><u-text text="选项"></u-text></u-select-item> - concept: Slot name: title title: 标题 description: 自定义标题文本。 advanced: true - concept: Slot name: extra title: 附加内容 description: 在右侧可以附加内容。 advanced: true description: 选择分组 - name: u-select-divider title: 分隔线 description: 分隔线