- name: u-tabs
  icon: tabs
  title: 选项卡
  labels:
    - Selector
  description: 选项卡切换组件，常用于平级区域大块内容的收纳和展现。
  attrs:
    - name: show-scroll-buttons
      title: 显示滚动按钮
      type: string
      options:
        - value: auto
          title: 有滚动的情况下显示
        - value: always
          title: 始终显示
        - value: never
          title: 始终不显示
      default: auto
      description: 是否显示标签滚动左右箭头按钮
      advanced: true
    - name: data-source
      title: 数据源
      type: Array<Item> | Function | Object
      description: 展示数据的输入源，可设置为集合类型变量（List<T>）或输出参数为集合类型的逻辑。
      designer-value: "[{}, {}, {}]"
      group: 数据属性
      brifeDoc: ""
      docDescription: 集合类型变量或者输出参数为集合类型的逻辑
      tooltipLink: ""
    - name: data-schema
      title: 数据类型
      type: schema
      description: 数据源返回的数据结构的类型，自动识别类型进行展示说明
      group: 数据属性
      compType: dataTypeSelect
      brifeDoc: ""
      docDescription: 集合类型每一元素的数据类型
      tooltipLink: ""
    - name: title-field
      title: 标签项标题
      type: string
      default: title
      description: 数据源集合的元素，用于显示标签标题的属性
      group: 数据属性
      brifeDoc: ""
      docDescription: 数据源集合的元素，用于显示标签标题的属性
      tooltipLink: ""
    - name: value-field
      title: 标签项标题值字段
      type: string
      default: value
      description: 数据源集合的元素，用于标识标签值的属性
      group: 数据属性
      display: property-select
      brifeDoc: ""
      docDescription: 数据源集合的元素，用于标识标签值的属性
      tooltipLink: ""
    - name: url-field
      title: 标签项内容值字段
      type: string
      default: url
      description: 数据源集合的元素，用于标识当前打开的标签项
      group: 数据属性
      display: property-select
      tooltipLink: ""
      docDescription: 数据源集合的元素，用于标识当前打开的标签项
    - name: content-field
      title: 标签项内容值
      type: string
      default: ''
      description: 数据源集合的元素，用于标识当前打开的标签项
      group: 数据属性
      display: property-select
      tooltipLink: ""
      docDescription: 数据源集合的元素，用于标识当前打开的标签项
    - name: value
      title: 值
      type: any
      sync: true
      model: true
      description: 指当前打开标签的标签项
      group: 数据属性
      brifeDoc: ""
      docDescription: 指当前打开标签的标签项
      tooltipLink: ""
    - name: router
      title: 使用路由
      type: boolean
      default: false
      description: 开启后，选项卡可设置跳转页面
      group: 数据属性
      brifeDoc: ""
      docDescription: 开启后，选项卡可设置跳转页面
      tooltipLink: ""
    - name: closable-field
      title: 标签项可关闭
      type: string
      default: closable
      description: 设置标签项是否可关闭
      group: 交互属性
      display: property-select
      brifeDoc: ""
      docDescription: 数据源集合的元素，用于标识标签是否可关闭的属性
      tooltipLink: ""
    - name: closable
      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: appear
      title: 展示外观
      type: string
      options:
        - value: square
          title: 方形卡片
        - value: round
          title: 圆角卡片
        - value: line
          title: 线条
        - value: text
          title: 文本
        - value: capsule
          title: 胶囊
        - value: split
          title: 竖线分隔
      default: square
      description: ""
      group: 样式属性
      brifeDoc: ""
      docDescription: 标签展示的外观
      tooltipLink: ""
    - name: size
      title: 标签尺寸
      type: string
      options:
        - value: normal
          title: 正常
        - value: small
          title: 小
        - value: mini
          title: 迷你
      default: normal
      description: ""
      group: 样式属性
      brifeDoc: ""
      docDescription: 标签展示的尺寸
      tooltipLink: ""
  slots:
    - concept: Slot
      name: default
      title: 默认
      description: 插入`<u-tab>`子组件。
      empty-background: add-sub
      support:
        - name: u-tab
          title: 子选项
          snippet: '<u-tab><template #title><u-text
            text="标签页"></u-text></template>内容</u-tab>'
    - concept: Slot
      name: extra
      title: 右侧附加
      description: 在标签右侧可以附加的组件。
      advanced: true
    - concept: Slot
      name: title
      title: 头部标题
      slotProps:
        concept: Param
        name: current
        typeAnnotation:
          concept: TypeAnnotation
          typeKind: generic
          typeNamespace: nasl.ui
          typeName: Current
          typeArguments:
            - concept: TypeAnnotation
              typeKind: typeParam
              typeName: T
    - concept: Slot
      name: content
      title: 内容区
      slotProps:
        concept: Param
        name: current
        typeAnnotation:
          concept: TypeAnnotation
          typeKind: generic
          typeNamespace: nasl.ui
          typeName: Current
          typeArguments:
            - concept: TypeAnnotation
              typeKind: typeParam
              typeName: T
  methods:
    - name: reload
      description: 重新加载数据
      params: []
  events:
    - name: click
      title: 点击后
      description: 点击某一项后触发
      params:
        - name: $event
          type: object
          description: 自定义事件对象
          schema:
            $ref: "#/systemTypes/ChangeItemEvent"
        - name: $event.value
          type: any
          description: 选中标签页的值
        - name: $event.itemVM
          type: UTab
          description: 选中标签页实例
        - name: senderVM
          type: UTabs
          description: 发送事件实例
    - 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.itemVM
          type: UTab
          description: 选中标签页实例
        - name: $event.oldVM
          type: UTab
          description: 旧的选中标签页实例
        - name: $event.preventDefault
          type: Function
          description: 阻止选择流程
        - name: senderVM
          type: UTabs
          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.itemVM
          type: UTab
          description: 选中标签页实例
        - name: $event.oldVM
          type: UTab
          description: 旧的选中标签页实例
        - name: senderVM
          type: UTabs
          description: 发送事件实例
    - name: before-close
      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.itemVM
          type: UTab
          description: 待关闭的标签页实例
        - name: $event.preventDefault
          type: Function
          description: 阻止关闭流程
        - name: senderVM
          type: UTabs
          description: 发送事件实例
    - name: close
      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.itemVM
          type: UTabs
          description: 关闭的标签页实例
        - name: $event.preventDefault
          type: Function
          description: 阻止关闭后自动选择页的流程
        - name: senderVM
          type: UTabs
          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: 发送事件实例
- name: u-tab
  title: 标签页
  attrs:
    - name: title
      title: 标题
      type: string
      description: 标签页标题。
      advanced: true
    - name: href
      title: 链接
      type: string
      description: 链接地址
      advanced: true
    - 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: 打开方式
      advanced: true
    - name: to
      title: 路由链接
      type: string, Location
      description: 需要 router 为 true，与`<router-link>`的`to`属性相同。可以是一个字符串或者是描述目标位置的对象。
      advanced: true
    - name: replace
      title: 替换
      type: boolean
      default: false
      description: 需要 router 为
        true，与`<router-link>`的`replace`属性相同。如果为`true`，当点击时，会调用`router.replace()`而不是`router.push()`，于是导航后不会留下`history
        `记录。
      advanced: true
    - name: append
      title: 追加路径
      type: boolean
      default: false
      description: 需要 router 为
        true，与`<router-link>`的`append`属性相同。如果为`true`，则在当前路径后追加`to`的路径。
      advanced: true
    - name: exact
      title: 精确匹配
      type: boolean
      default: false
      description: 需要 router 为 true，与`<router-link>`的`exact`属性相同。是否与路由完全一致时才高亮显示。
      advanced: true
    - name: value
      title: 值
      type: any
      description: ""
      group: 数据属性
      brifeDoc: ""
      docDescription: 标签页的值。
      tooltipLink: ""
    - name: linkType
      title: 链接类型
      type: string
      options:
        - value: destination
          title: 页面跳转
      default: destination
      compType: linkTypeSelect
      bindHide: true
      group: 交互属性
      description: ""
      tooltipLink: ""
      docDescription: ""
    - name: hrefAndTo
      title: 链接地址
      type: string
      description: ""
      compType: linkHrefInput
      group: 交互属性
      tooltipLink: ""
      docDescription: ""
    - name: closable
      title: 可关闭
      type: boolean
      default: false
      description: 设置标签是否可关闭
      group: 交互属性
      brifeDoc: ""
      docDescription: 控制标签页是否可关闭，开启效果如下
      tooltipLink: ""
    - name: showTabItem
      title: 显示状态
      type: boolean
      default: true
      description: 显示状态分为“True(显示)/False(隐藏)”，默认为“显示”
      group: 状态属性
      brifeDoc: ""
      docDescription: 控制标签页是否默认显示
      tooltipLink: ""
    - name: disabled
      title: 禁用
      type: boolean
      default: false
      description: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等）
      group: 状态属性
      brifeDoc: ""
      docDescription: 置灰显示，且禁止任何交互（焦点、点击、选择、输入等）
      tooltipLink: ""
  slots:
    - concept: Slot
      name: default
      title: 默认
      description: 该 tab 下的内容
    - concept: Slot
      name: title
      title: 标题
      description: 自定义标题
  description: 标签页