cloud-ui.vusion/src/components/u-timeline.vue/api.yaml

Vusion Cloud UI

- name: u-timeline
  title: 时间线
  icon: timeline
  labels:
    - Display
  attrs:
    - name: data-source
      title: 数据源
      type: Array<Item> | Function | object | DataSource
      description: 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑
      group: 数据属性
      brifeDoc: ""
      docDescription: 时间线的数据源。
      tooltipLink: ""
    - name: data-schema
      title: 数据类型
      type: schema
      description: 数据源返回的数据结构的类型，自动识别类型进行展示说明
      group: 数据属性
      compType: dataTypeSelect
      brifeDoc: ""
      docDescription: 时间线数据类型。该属性为展示属性，由数据源推倒得到，无需填写。
      tooltipLink: ""
    - name: mode
      title: 排布方式
      type: string
      options:
        - value: default
          title: 默认
        - value: label
          title: 时间线居中
      default: default
      group: 主要属性
      description: 时间线节点与内容的排布方式
      brifeDoc: ""
      docDescription: 默认、时间线居中
      tooltipLink: ""
    - name: pending
      title: 待定节点
      type: boolean
      default: false
      description: 待定节点连接线为虚线展示，用于表示即将发生或者正在进行的节点
      group: 主要属性
      brifeDoc: ""
      docDescription: 待定节点连接线为虚线展示，用于表示即将发生或者正在进行的节点
      tooltipLink: ""
  slots:
    - concept: Slot
      name: default
      description: 插入 `<u-timeline-item>` 子组件
      support:
        - name: u-timeline-item
          title: 时间线子选项
          snippet: <u-timeline-item></u-timeline-item>
    - concept: Slot
      name: item
      description: 自定义选项的结构和样式
      slotProps:
        concept: Param
        name: current
        typeAnnotation:
          concept: TypeAnnotation
          typeKind: generic
          typeNamespace: nasl.ui
          typeName: Current
          typeArguments:
            - concept: TypeAnnotation
              typeKind: typeParam
              typeName: T
- name: u-timeline-item
  title: 时间线项
  attrs:
    - name: label
      title: 标签
      type: string
      description: 指定展示在另一侧的 `label`，只在 `label` 模式下生效
      group: 主要属性
      brifeDoc: ""
      docDescription: 指定展示在另一侧的 `label`，只在 `label` 模式下生效。
      tooltipLink: ""
    - name: position
      title: 位置
      type: string
      options:
        - value: left
          title: 左
        - value: right
          title: 右
      default: right
      description: 指定交替展示时的位置，只在 `alternate` 或 `label` 模式下生效
      group: 主要属性
      brifeDoc: ""
      docDescription: 指定交替展示时的位置，只在 `alternate` 或 `label` 模式下生效。
      tooltipLink: ""
    - name: color
      title: 节点颜色
      type: string
      default: blue
      description: 指定圆圈颜色 `primary`, `success`, `warning`, `error`，或自定义的色值
      group: 样式属性
      brifeDoc: ""
      docDescription: 指定圆圈颜色 `primary`, `success`, `warning`, `error`，或自定义的色值。
      tooltipLink: ""
  slots:
    - concept: Slot
      name: default
      description: 插入文本或 HTML
    - concept: Slot
      name: dot
      description: 自定义图标
    - concept: Slot
      name: label
      description: 自定义 `label` ，只在 `label` 模式下生效