@ray-js/smart-ui/dist/@types/slider/index.d.ts

轻量、可靠的智能小程序 UI 组件库

/// <reference types="miniprogram-api-typings" />
import { SmartBaseExternalClassName, SmartComponent, SmartEventHandler } from '../base';
export interface SmartSliderProps {
    /**
     * 当前进度百分比，在双滑块模式下为数组格式
     *
     * @default 0
     */
    value?: number | number[];
    /**
     * 是否禁用滑块
     *
     * @default false
     */
    disabled?: boolean;
    /**
     * 最大值
     *
     * @default 100
     */
    max?: number;
    /**
     * 最小值
     *
     * @default 0
     */
    min?: number;
    /**
     * 步长
     *
     * @default 1
     */
    step?: number;
    /**
     * 进度条高度，默认单位为 `px`
     *
     * @default '2px'
     */
    'bar-height'?: string | number;
    /**
     * 进度条激活态颜色
     *
     * @default '#1989fa'
     */
    'active-color'?: string;
    /**
     * 进度条默认颜色
     *
     * @default '#e5e5e5'
     */
    'inactive-color'?: string;
    /**
     * 是否使用按钮插槽
     *
     * @default false
     */
    'use-slot-button'?: boolean;
    /**
     * 是否开启双滑块模式
     *
     * @default false
     */
    range?: boolean;
    /**
     * 是否垂直展示
     *
     * @default false
     */
    vertical?: boolean;
}
/**
 * @deprecated
 */
export interface SmartSliderChangeEvent extends WechatMiniprogram.BaseEvent {
    detail: number;
}
export interface SmartSliderDragEventDetail {
    value: number;
}
export interface SmartSliderEvents {
    /**
     * 拖动进度条时触发
     */
    'bind:drag'?: SmartEventHandler<SmartSliderDragEventDetail>;
    /**
     * 进度值改变后触发
     */
    'bind:change'?: SmartEventHandler<number>;
    /**
     * 开始拖动时触发
     */
    'bind:drag-start'?: SmartEventHandler;
    /**
     * 结束拖动时触发
     */
    'bind:drag-end'?: SmartEventHandler;
}
export type SmartSliderExternalClassName = SmartBaseExternalClassName;
export type SmartSlider = SmartComponent<SmartSliderProps, SmartSliderEvents, SmartSliderExternalClassName>;