cloud-ui.vusion

- name: u-navbar-multi title: 导航栏 icon: navbar-multi labels: - Navigation description: 通常用于页面顶部的导航菜单，放置 Logo、导航链接、用户信息等。 attrs: - name: has-data-source title: 数据源配置 type: boolean sync: false model: false bindHide: true default: false group: 数据属性 brifeDoc: "" tooltipLink: "" toggleclear: - data-source - data-schema - text-field - to-field - icon-field - value-field - parent-field - link-type-field - target-field - name: data-source title: 数据源 type: Array<Item> | Function | object | DataSource description: 展示数据的输入源，可设置为集合类型变量（List<T>）或输出参数为集合类型的逻辑。 designer-value: "[{}, {}, {}]" group: 数据属性 brifeDoc: "" docDescription: 支持动态绑定集合类型变量（List\<T>）或输出参数为集合类型的逻辑 tooltipLink: "" dependency: - "has-data-source": true - name: data-schema title: 数据类型 type: schema description: 数据源返回的数据结构的类型，自动识别类型进行展示说明 group: 数据属性 compType: dataTypeSelect brifeDoc: "" docDescription: 该属性为只读状态，当数据源动态绑定集合List<T>后，会自动识别T的类型并进行展示 tooltipLink: "" dependency: - "has-data-source": true - name: text-field title: 文本字段 type: string default: text description: 集合的元素类型中，用于显示文本的属性名称 group: 数据属性 dependency: - "has-data-source": true - name: value-field title: 值字段 type: string default: value description: 集合的元素类型中，用于标识选中值的属性 group: 数据属性 dependency: - "has-data-source": true brifeDoc: "" docDescription: 集合的元素类型中，用于标识选中值的属性，支持自定义变更 tooltipLink: "" - name: icon-field title: 图标属性字段 type: string default: icon description: 集合的元素类型中，用于图标的属性名称 group: 数据属性 dependency: - "has-data-source": true - name: to-field title: 跳转链接字段 type: string default: to description: 集合的元素类型中，用于跳转链接的属性名称 group: 数据属性 dependency: - "has-data-source": true - name: parent-field title: 父级值字段 type: string default: "" description: 集合的元素类型中，用于标识父节点的属性 group: 数据属性 dependency: - "has-data-source": true brifeDoc: "" docDescription: 集合的元素类型中，用于标识父级字段的属性，支持自定义变更 tooltipLink: "" - name: router title: 使用路由 type: boolean default: true description: 是否根据 vue-router 来控制选择项 group: 数据属性 toggleclear: - value brifeDoc: "" docDescription: 设置是否根据vue-router来控制选择哪一项，默认开启。开启后当前所在的导航栏项底部会有标识 tooltipLink: "" - name: value title: 选中值 type: any sync: true model: true description: 当前选中的值 dependency: - router: false group: 数据属性 brifeDoc: "" docDescription: 当前选择的值 tooltipLink: "" - name: field title: 字段 type: string default: text description: 显示文本字段 hidden: true 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: "" slots: - concept: Slot name: default description: 插入`<u-navbar-multi>`子组件。 support: - name: u-navbar-group-multi title: 导航栏分组 snippet: '<u-navbar-group-multi><template #title><u-text text="导航栏分组"></u-text></template><u-navbar-item-multi><u-text text="导航栏项"></u-text></u-navbar-item-multi></u-navbar-group-multi>' - name: u-navbar-item-multi title: 导航栏项 snippet: <u-navbar-item-multi><u-text text="导航栏项"></u-text></u-navbar-item-multi> - name: u-navbar-divider-multi title: 分隔线 snippet: <u-navbar-divider-multi></u-navbar-divider-multi> events: - 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: uNavbarItemMulti description: 选择项子组件 - name: $event.oldVM type: uNavbarItemMulti description: 旧的选择项子组件 - name: senderVM type: UNavbarMulti description: 发送事件实例 - name: u-navbar-item-multi title: 导航栏项 attrs: - name: text title: 文本 type: string description: 文本内容 advanced: true - name: item title: 相关对象 type: object description: 相关对象。当选择此项时，抛出的事件会传递该对象，便于开发 advanced: true - name: to title: 路由链接 type: string, Location description: 需要 vue-router，与`<router-link>`的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。 advanced: true - name: replace title: 替换地址 type: boolean default: false description: 需要 vue-router，与`<router-link>`的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history `记录。 advanced: true - name: exact title: 精确匹配 type: boolean default: false description: 需要 vue-router，与`<router-link>`的`exact`属性相同。是否与路由完全一致时才高亮显示。 advanced: true - name: value title: 值 type: any description: 用于标识此项的值 group: 数据属性 brifeDoc: "" docDescription: 当前选择的值 tooltipLink: "" - name: icon title: 图标 type: icon default: "" description: "" group: 主要属性 brifeDoc: "" docDescription: 支持从图标库选择图标或上传自定义图标 tooltipLink: "" - name: linkType title: 链接类型 type: string options: - value: destination title: 页面跳转 - value: download title: 下载链接 default: destination description: "" compType: linkTypeSelect bindHide: true group: 交互属性 brifeDoc: "" docDescription: 支持页面跳转、下载链接 tooltipLink: "" - name: hrefAndTo title: 链接地址 type: string description: "" compType: linkHrefInput group: 交互属性 brifeDoc: "" docDescription: 链接地址配置 tooltipLink: "" - name: target title: 链接打开方式 type: string options: - value: _blank title: 新窗口 - value: _self title: 当前窗口 - value: _parent title: 父级窗口 advanced: true - value: _top title: 顶级窗口 advanced: true default: _self description: 链接跳转的打开方式，父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则其打开方式同当前窗口。 group: 交互属性 brifeDoc: "" docDescription: 支持新窗口、当前窗口、父级窗口、顶级窗口四种方式，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。 tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" description: 导航栏的子项目 events: - name: $listeners kind: trigger description: 监听所有`<a>`元素的事件。 params: [] - name: navigate title: 切换路由后 advanced: true description: 使用 router 相关属性切换路由后触发 params: - name: $event type: object description: 自定义事件对象 schema: $ref: "#/systemTypes/NavigateEvent" - name: $event.to type: string, Location description: "`to`属性的值" - name: $event.replace type: boolean description: "`replace`属性的值" - name: $event.append type: boolean description: "`append`属性的值" - name: senderVM type: UNavbarItemMulti description: 发送事件实例 - name: u-navbar-divider-multi title: 导航栏分割线 description: 导航栏的分割线 - name: u-navbar-dropdown-multi title: 导航栏下拉菜单 attrs: - name: placement title: 弹出方向 type: string options: - value: top title: 上 - value: bottom title: 下 - value: left title: 左 - value: right title: 右 - value: top-start title: 上左 - value: top-end title: 上右 - value: bottom-start title: 下左 - value: bottom-end title: 下右 - value: left-start title: 左上 - value: left-end title: 左下 - value: right-start title: 右上 - value: right-end title: 右下 default: bottom description: 弹出层的弹出方向 group: 主要属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: trigger title: 触发方式 type: string options: - value: click title: 点击 - value: hover title: 悬浮 - value: right-click title: 右击 - value: double-click title: 双击 - value: manual title: 手动 default: hover description: "" group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: disabled title: 禁用 type: boolean default: false description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） group: 状态属性 brifeDoc: "" docDescription: "" tooltipLink: "" description: 导航栏下拉菜单 - name: u-navbar-menu-multi title: 导航菜单 description: 导航菜单 - name: u-navbar-menu-group-multi title: 导航菜单分组 description: 导航菜单分组 - name: u-navbar-menu-item-multi title: 导航菜单项 description: 导航菜单项 - name: u-navbar-menu-divider-multi title: 导航菜单分割线 description: 导航菜单分割线 - name: u-navbar-select-multi title: 导航选择 description: 导航选择 - name: u-navbar-select-group-multi title: 导航选择分组 description: 导航选择分组 - name: u-navbar-select-item-multi title: 导航选择项 description: 导航选择项 - name: u-navbar-select-divider-multi title: 导航选择分割线 description: 导航选择分割线 - name: u-navbar-group-multi title: 导航栏分组 attrs: - name: title title: 标题 type: string description: 显示的标题 advanced: true - name: collapsible title: 可折叠 type: boolean default: false description: 设置是否可以展开/折叠 group: 交互属性 brifeDoc: "" docDescription: 设置分组是否可折叠 tooltipLink: "" - name: trigger title: 触发方式 type: string options: - value: click title: 点击 - value: hover title: 悬浮 - value: right-click title: 右击 - value: double-click title: 双击 default: click description: "" group: 交互属性 brifeDoc: "" docDescription: "" tooltipLink: "" - name: expanded title: 展开状态 type: boolean sync: true default: false description: 展开状态分为“True(展开)/False(折叠)”，默认为“展开” group: 状态属性 brifeDoc: "" docDescription: 设置分组的展开折叠状态。在某些场景下需要预置分组的展开或者折叠状态 tooltipLink: "" - name: disabled title: 禁用展开/折叠 type: boolean default: false description: 置灰显示，且禁止展开/折叠操作 group: 状态属性 brifeDoc: "" docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等） tooltipLink: "" slots: - concept: Slot name: default description: 插入`<u-navbar-multi>`子组件。 support: - name: u-navbar-group-multi title: 导航栏分组 snippet: '<u-navbar-group-multi><template #title><u-text text="导航栏分组"></u-text></template><u-navbar-item-multi><u-text text="导航栏项"></u-text></u-navbar-item-multi></u-navbar-group-multi>' - name: u-navbar-item-multi title: 导航栏项 snippet: <u-navbar-item-multi><u-text text="导航栏项"></u-text></u-navbar-item-multi> description: 导航栏分组