UNPKG

@ray-js/smart-ui

Version:

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

100 lines (99 loc) 2.08 kB
/// <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>;