@v-c/slider 1.0.2 → 1.0.4

package/dist/Slider.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes, PropType, SlotsType } from 'vue';
+import { CSSProperties } from 'vue';
 import { AriaValueFormat, SliderClassNames, SliderStyles } from './interface';
 import { MarkObj } from './Marks';
 export interface RangeConfig {
@@ -9,272 +9,69 @@ export interface RangeConfig {
     /** Set max count when `editable` */
     maxCount?: number;
 }
+export interface RenderProps {
+    index: number | null;
+    prefixCls: string;
+    value: number;
+    dragging: boolean;
+    draggingDelete: boolean;
+    node: any;
+}
 type ValueType = number | number[];
-declare function sliderProps(): {
-    prefixCls: {
-        type: StringConstructor;
-        default: string;
-    };
-    className: StringConstructor;
-    classNames: PropType<SliderClassNames>;
-    styles: PropType<SliderStyles>;
-    id: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: BooleanConstructor;
-    min: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    value: PropType<ValueType>;
-    defaultValue: PropType<ValueType>;
-    range: PropType<boolean | RangeConfig>;
-    count: NumberConstructor;
-    allowCross: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pushable: {
-        type: (NumberConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
-    reverse: BooleanConstructor;
-    vertical: BooleanConstructor;
-    included: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    startPoint: NumberConstructor;
-    trackStyle: PropType<Record<string, any> | Record<string, any>[]>;
-    handleStyle: PropType<Record<string, any> | Record<string, any>[]>;
-    railStyle: PropType<Record<string, any>>;
-    dotStyle: PropType<Record<string, any> | ((dotValue: number) => Record<string, any>)>;
-    activeDotStyle: PropType<Record<string, any> | ((dotValue: number) => Record<string, any>)>;
-    marks: PropType<Record<string | number, any | MarkObj>>;
-    dots: BooleanConstructor;
-    handleRender: FunctionConstructor;
-    activeHandleRender: FunctionConstructor;
-    track: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tabIndex: {
-        type: PropType<ValueType>;
-        default: number;
-    };
-    ariaLabelForHandle: PropType<string | string[]>;
-    ariaLabelledByForHandle: PropType<string | string[]>;
-    ariaRequired: BooleanConstructor;
-    ariaValueTextFormatterForHandle: PropType<AriaValueFormat | AriaValueFormat[]>;
-    onFocus: PropType<(e: FocusEvent) => void>;
-    onBlur: PropType<(e: FocusEvent) => void>;
-    onChange: PropType<(value: ValueType) => void>;
+export interface SliderProps<Value extends ValueType = ValueType> {
+    prefixCls?: string;
+    className?: string;
+    style?: CSSProperties;
+    classNames?: SliderClassNames;
+    styles?: SliderStyles;
+    id?: string;
+    disabled?: boolean;
+    keyboard?: boolean;
+    autoFocus?: boolean;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    range?: boolean | RangeConfig;
+    /** @deprecated Use `range.minCount` or `range.maxCount` to handle this */
+    count?: number;
+    min?: number;
+    max?: number;
+    step?: number | null;
+    value?: Value | null;
+    defaultValue?: Value | null;
+    onChange?: (value: Value) => void;
     /** @deprecated It's always better to use `onChange` instead */
-    onBeforeChange: PropType<(value: ValueType) => void>;
+    onBeforeChange?: (value: Value) => void;
     /** @deprecated Use `onChangeComplete` instead */
-    onAfterChange: PropType<(value: ValueType) => void>;
-    onChangeComplete: PropType<(value: ValueType) => void>;
-};
-export type SliderProps = Partial<ExtractPropTypes<ReturnType<typeof sliderProps>>>;
+    onAfterChange?: (value: Value) => void;
+    onChangeComplete?: (value: Value) => void;
+    allowCross?: boolean;
+    pushable?: boolean | number;
+    reverse?: boolean;
+    vertical?: boolean;
+    included?: boolean;
+    startPoint?: number;
+    /** @deprecated Please use `styles.track` instead */
+    trackStyle?: CSSProperties | CSSProperties[];
+    /** @deprecated Please use `styles.handle` instead */
+    handleStyle?: CSSProperties | CSSProperties[];
+    /** @deprecated Please use `styles.rail` instead */
+    railStyle?: CSSProperties;
+    dotStyle?: CSSProperties | ((dotValue: number) => CSSProperties);
+    activeDotStyle?: CSSProperties | ((dotValue: number) => CSSProperties);
+    marks?: Record<string | number, any | MarkObj>;
+    dots?: boolean;
+    handleRender?: (props: RenderProps) => any;
+    activeHandleRender?: (props: RenderProps) => any;
+    track?: boolean;
+    tabIndex?: number | number[];
+    ariaLabelForHandle?: string | string[];
+    ariaLabelledByForHandle?: string | string[];
+    ariaRequired?: boolean;
+    ariaValueTextFormatterForHandle?: AriaValueFormat | AriaValueFormat[];
+}
 export interface SliderRef {
     focus: () => void;
     blur: () => void;
 }
-declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
-    prefixCls: {
-        type: StringConstructor;
-        default: string;
-    };
-    className: StringConstructor;
-    classNames: PropType<SliderClassNames>;
-    styles: PropType<SliderStyles>;
-    id: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: BooleanConstructor;
-    min: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    value: PropType<ValueType>;
-    defaultValue: PropType<ValueType>;
-    range: PropType<boolean | RangeConfig>;
-    count: NumberConstructor;
-    allowCross: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pushable: {
-        type: (NumberConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
-    reverse: BooleanConstructor;
-    vertical: BooleanConstructor;
-    included: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    startPoint: NumberConstructor;
-    trackStyle: PropType<Record<string, any> | Record<string, any>[]>;
-    handleStyle: PropType<Record<string, any> | Record<string, any>[]>;
-    railStyle: PropType<Record<string, any>>;
-    dotStyle: PropType<Record<string, any> | ((dotValue: number) => Record<string, any>)>;
-    activeDotStyle: PropType<Record<string, any> | ((dotValue: number) => Record<string, any>)>;
-    marks: PropType<Record<string | number, any | MarkObj>>;
-    dots: BooleanConstructor;
-    handleRender: FunctionConstructor;
-    activeHandleRender: FunctionConstructor;
-    track: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tabIndex: {
-        type: PropType<ValueType>;
-        default: number;
-    };
-    ariaLabelForHandle: PropType<string | string[]>;
-    ariaLabelledByForHandle: PropType<string | string[]>;
-    ariaRequired: BooleanConstructor;
-    ariaValueTextFormatterForHandle: PropType<AriaValueFormat | AriaValueFormat[]>;
-    onFocus: PropType<(e: FocusEvent) => void>;
-    onBlur: PropType<(e: FocusEvent) => void>;
-    onChange: PropType<(value: ValueType) => void>;
-    /** @deprecated It's always better to use `onChange` instead */
-    onBeforeChange: PropType<(value: ValueType) => void>;
-    /** @deprecated Use `onChangeComplete` instead */
-    onAfterChange: PropType<(value: ValueType) => void>;
-    onChangeComplete: PropType<(value: ValueType) => void>;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focus" | "changeComplete" | "blur" | "change" | "beforeChange" | "afterChange")[], "focus" | "changeComplete" | "blur" | "change" | "beforeChange" | "afterChange", import('vue').PublicProps, Readonly<ExtractPropTypes<{
-    prefixCls: {
-        type: StringConstructor;
-        default: string;
-    };
-    className: StringConstructor;
-    classNames: PropType<SliderClassNames>;
-    styles: PropType<SliderStyles>;
-    id: StringConstructor;
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    keyboard: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: BooleanConstructor;
-    min: {
-        type: NumberConstructor;
-        default: number;
-    };
-    max: {
-        type: NumberConstructor;
-        default: number;
-    };
-    step: {
-        type: NumberConstructor;
-        default: number;
-    };
-    value: PropType<ValueType>;
-    defaultValue: PropType<ValueType>;
-    range: PropType<boolean | RangeConfig>;
-    count: NumberConstructor;
-    allowCross: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pushable: {
-        type: (NumberConstructor | BooleanConstructor)[];
-        default: boolean;
-    };
-    reverse: BooleanConstructor;
-    vertical: BooleanConstructor;
-    included: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    startPoint: NumberConstructor;
-    trackStyle: PropType<Record<string, any> | Record<string, any>[]>;
-    handleStyle: PropType<Record<string, any> | Record<string, any>[]>;
-    railStyle: PropType<Record<string, any>>;
-    dotStyle: PropType<Record<string, any> | ((dotValue: number) => Record<string, any>)>;
-    activeDotStyle: PropType<Record<string, any> | ((dotValue: number) => Record<string, any>)>;
-    marks: PropType<Record<string | number, any | MarkObj>>;
-    dots: BooleanConstructor;
-    handleRender: FunctionConstructor;
-    activeHandleRender: FunctionConstructor;
-    track: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tabIndex: {
-        type: PropType<ValueType>;
-        default: number;
-    };
-    ariaLabelForHandle: PropType<string | string[]>;
-    ariaLabelledByForHandle: PropType<string | string[]>;
-    ariaRequired: BooleanConstructor;
-    ariaValueTextFormatterForHandle: PropType<AriaValueFormat | AriaValueFormat[]>;
-    onFocus: PropType<(e: FocusEvent) => void>;
-    onBlur: PropType<(e: FocusEvent) => void>;
-    onChange: PropType<(value: ValueType) => void>;
-    /** @deprecated It's always better to use `onChange` instead */
-    onBeforeChange: PropType<(value: ValueType) => void>;
-    /** @deprecated Use `onChangeComplete` instead */
-    onAfterChange: PropType<(value: ValueType) => void>;
-    onChangeComplete: PropType<(value: ValueType) => void>;
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onChangeComplete?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onBeforeChange?: ((...args: any[]) => any) | undefined;
-    onAfterChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    track: boolean;
-    min: number;
-    max: number;
-    prefixCls: string;
-    reverse: boolean;
-    disabled: boolean;
-    keyboard: boolean;
-    tabIndex: ValueType;
-    ariaRequired: boolean;
-    vertical: boolean;
-    included: boolean;
-    autoFocus: boolean;
-    step: number;
-    allowCross: boolean;
-    pushable: number | boolean;
-    dots: boolean;
-}, SlotsType<{
-    mark: ({ point: number, label: unknown }: any) => any;
-}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+declare const Slider: import('vue').DefineSetupFnComponent<SliderProps<ValueType>, {}, {}, SliderProps<ValueType> & {}, import('vue').PublicProps>;
+export default Slider;