@ezuikit/control-time-line - v1.0.0
    Preparing search index...

    Class TimeLineBeta

    时间轴控件类， 支持PC/Mobile 拖动和缩放

    import TimeLine from './TimeLine';
    const timeLine = new TimeLine(document.getElementById('container'), {})

    Hierarchy (View Summary)

    Index

    Constructors

    constructor

    Properties

    $container i18n options LOCALES TIME_WIDTH

    Accessors

    current height readOnly timeSections timeWidth width

    Methods

    _getTouchDistance _moveEndOrTouchEndFun _moveUpdateFun _touchstartFun destroy resize setReadOnly setTimeWidth update updateTimeSections

    Constructors

    Properties

    $container: HTMLElement

    挂载节点

    i18n: I18n
    options: Required<T>

    配置项

    LOCALES: {
        en: { foldTitle: string; title: string };
        zh: { foldTitle: string; title: string };
    } = _$TIMELINE_LOCALES$_

    语言包

    TIME_WIDTH: TimeLineTimeWidth[] = TIME_WIDTH

    Accessors

    • get current(): Date
      Beta

      当前时间

      Returns Date

    • set current(current: Date): void
      Beta

      当前时间

      Parameters

      Returns void

    • get height(): number
      Beta

      获取 TimeLine 的高度

      Returns number

    • get readOnly(): boolean
      Beta

      只读状态

      Returns boolean

    • set readOnly(readOnly: boolean): void
      Beta

      Parameters

      • readOnly: boolean

      Returns void

    • get timeWidth(): number
      Beta

      Returns number

    • get width(): number
      Beta

      获取 TimeLine 的宽度

      Returns number

    Methods

    _getTouchDistance

    • _getTouchDistance(touches: TouchList): number
      Beta

      触摸距离

      Parameters

      Returns number

    _moveEndOrTouchEndFun

    _moveUpdateFun

    • _moveUpdateFun(x: number): void
      Beta

      移动更新时间

      Parameters

      • x: number

        移动的x坐标

      Returns void

    _touchstartFun

    • _touchstartFun(e: TouchEvent): void
      Beta

      触摸开始

      Parameters

      Returns void

    • Beta

      重置尺寸

      Parameters

      • Optionalwidth: string | number
      • Optionalheight: string | number

      Returns void

    • Beta

      设置只读或取消只读, 推荐使用 timeLine.readOnly = false

      Parameters

      • readOnly: boolean

        只读或取消只读

      Returns void

    • Beta

      设置时间轴刻度宽度

      Parameters

      • timeWidth: number

        时间轴刻度宽度 [0, TIME_WIDTH.length - 1]

      Returns void

    • Beta

      更新当前时间

      Parameters

      • time: string | number | Date

        能转成时间的值， 如 时间对象 Date, 时间戳，时间戳字符串

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods