iview/types/slider.d.ts

// Type definitions for iview 3.3.1
// Project: https://github.com/iview/iview
// Definitions by: yangdan
// Definitions: https://github.com/yangdan8/iview.git
import Vue, { VNode } from 'vue';

export declare class Slider extends Vue {
  /**
   * 滑块选定的值，可以使用 v-model 双向绑定数据。普通模式下，数据格式为数字，
   * 在双滑块模式下，数据格式为长度是2的数组，且每项都为数字,
   * @default 0
   */
  value?: number | number[];
  /**
   * 最小值
   * @default 0
   */
  min?: number;
  /**
   * 最大值
   * @default 100
   */
  max?: number;
  /**
   * 步长，取值建议能被（max - min）整除
   * @default 1
   */
  step?: number;
  /**
   * 是否禁用滑块
   * @default false
   */
  disabled?: boolean;
  /**
   * 是否开启双滑块模式
   * @default false
   */
  range?: boolean;
  /**
   * 是否显示数字输入框，仅在单滑块模式下有效
   * @default false
   */
  'show-input'?: boolean;
  /**
   * 是否显示间断点，建议在 step 不密集时使用
   * @default false
   */
  'show-stops'?: boolean;
  /**
   * 提示的显示控制，可选值为 hover（悬停，默认）、always（总是可见）、never（不可见）
   * @default false
   */
  'show-tip'?: boolean;
  /**
   * 会把当前值传给 tip-format，并在 Tooltip 中显示 tip-format 的返回值，若为 null，则隐藏 Tooltip
   */
  'tip-format'?: (value?: number | number[]) => void;
  /**
   * 数字输入框的尺寸，可选值为large、small、default或者不填，仅在开启 show-input 时有效
   */
  'input-size'?: '' | 'large' | 'small' | 'default';
  /**
   * 同 InputNumber 的 active-change
   * @default true
   */
  'active-change'?: boolean;
  /**
   * 在松开滑动时触发，返回当前的选值，在滑动过程中不会触发
   */
  $emit(eventName: 'on-change', value: number | number[]): this;
  /**
   * 滑动条数据变化时触发，返回当前的选值，在滑动过程中实时触发
   */
  $emit(eventName: 'on-input', value: number | number[]): this;
}