- 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: 导航栏分组