- name: u-dropdown
  title: 下拉菜单
  icon: dropdown-new
  labels:
    - Navigation
  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: trigger
      title: 触发方式
      type: string
      options:
        - value: click
          title: 点击
        - value: hover
          title: 悬浮
        - value: right-click
          title: 右击
        - value: double-click
          title: 双击
        - value: manual
          title: 手动
      default: click
      description: 触发方式
      group: 交互属性
    - name: type
      title: 样式类型
      type: string
      options:
        - value: text
          title: 基础按钮样式
        - value: primary
          title: 主要按钮样式
        - value: primary_secondary
          title: 次要按钮样式
        - value: normal
          title: 普通按钮样式
        - value: more
          title: 更多按钮样式
      default: text
      group: 主要属性
      description: ""
      brifeDoc: ""
      docDescription: 支持基础按钮样式、主要按钮样式、次要按钮样式、普通按钮样式共4种样式
      tooltipLink: ""
    - 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: 设置下拉菜单的弹出位置，支持上、下、左、右、上左、上右、下左、下右、左上、左下、右上、右下共12个方向
      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: 设置弹出层在html里的位置，支持引用元素下、全局body设置。当把下拉菜单放入某个组件，而组件overflow是hidden的时候，需要设置为全局body
      tooltipLink: ""
    - name: router
      title: 使用路由
      type: boolean
      default: true
      description: 是否使用 vue-router 
      group: 数据属性
      brifeDoc: ""
      docDescription: 设置使用vue-router。
      tooltipLink: ""
    - name: value
      title: 选中值
      type: any
      sync: true
      model: true
      description: 当前选中的值
      dependency:
        - router: false
      group: 数据属性
      brifeDoc: ""
      docDescription: 当前选择的值，值仅在不适用路由下支持编辑
      tooltipLink: ""
    - name: disabled
      title: 禁用
      type: boolean
      default: false
      description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等）
      group: 状态属性
      brifeDoc: ""
      docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等）
      tooltipLink: ""
    - name: opened
      title: 显示状态
      type: boolean
      default: false
      description: ""
      group: 状态属性
      brifeDoc: ""
      docDescription: 开启时进入页面即展示下拉菜单，默认关闭
      tooltipLink: ""
  slots:
    - concept: Slot
      name: default
      description: 插入`<u-dropdown>`子组件。
      support:
        - name: u-dropdown-group
          title: 下拉菜单分组
          snippet: '<u-dropdown-group><template #title><u-text
            text="菜单分组"></u-text></template><u-dropdown-item><u-text
            text="菜单项"></u-text></u-dropdown-item></u-dropdown-group>'
        - name: u-dropdown-item
          title: 菜单项
          snippet: <u-dropdown-item><u-text text="菜单项"></u-text></u-dropdown-item>
  description: 下拉菜单
- name: u-dropdown-item
  title: 下拉菜单项
  icon: dropdown-new-item
  labels:
    - Display
  attrs:
    - name: text
      title: 文本
      type: string
      description: 显示文本内容
      advanced: true
    - name: to
      title: 路由链接
      type: string, Location
      description: 需要 vue-router，与`<router-link>`的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。
      advanced: true
    - 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: ""
  events:
    - name: click
      title: 点击
      description: 点击此项时触发，与原生 click 事件不同的是，它只会在非只读和禁用的情况下触发。
      params: []
  description: 下拉菜单项


- name: u-dropdown-group
  title: 下拉菜单分组
  attrs:
    - name: title
      title: 标题
      type: string
      description: 显示的标题
      advanced: true
    - name: collapsible
      title: 可折叠
      type: boolean
      default: true
      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: none
          title: 与父级同步
          disabled: true
      default: none
      description: 触发方式
      group: 交互属性
    - 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-dropdown>`子组件。
      support:
        - name: u-dropdown-group
          title: 下拉菜单分组
          snippet: '<u-dropdown-group><template #title><u-text
            text="菜单分组"></u-text></template><u-dropdown-item><u-text
            text="菜单项"></u-text></u-dropdown-item></u-dropdown-group>'
        - name: u-dropdown-item
          title: 菜单项
          snippet: <u-dropdown-item><u-text text="菜单项"></u-text></u-dropdown-item>
  description: 侧边栏分组