@vunk/form 2.18.2 → 2.19.0

package/components/el-slider/src/constants.d.ts

@@ -0,0 +1,14 @@
+import type { ComputedRef, InjectionKey, Ref, ToRefs } from 'vue';
+import type { SliderProps } from './slider';
+import type { Mark } from './composables/use-marks';
+export interface SliderContext extends ToRefs<SliderProps> {
+    precision: ComputedRef<number>;
+    sliderSize: Ref<number>;
+    emitChange: () => void;
+    resetSize: () => void;
+    updateDragging: (val: boolean) => void;
+    disabled: ComputedRef<boolean>;
+    markList: ComputedRef<Mark[]>;
+    isRtl: ComputedRef<boolean>;
+}
+export declare const sliderContextKey: InjectionKey<SliderContext>;

package/components/el-slider/src/marker.d.ts

@@ -0,0 +1,37 @@
+import type { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes, PropType } from 'vue';
+export declare const sliderMarkerProps: {
+    readonly mark: {
+        readonly type: PropType<string | {
+            style: CSSProperties;
+            label: any;
+        }>;
+        readonly default: undefined;
+    };
+};
+export type SliderMarkerProps = ExtractPropTypes<typeof sliderMarkerProps>;
+export type SliderMarkerPropsPublic = ExtractPublicPropTypes<typeof sliderMarkerProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    readonly mark: {
+        readonly type: PropType<string | {
+            style: CSSProperties;
+            label: any;
+        }>;
+        readonly default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    readonly mark: {
+        readonly type: PropType<string | {
+            style: CSSProperties;
+            label: any;
+        }>;
+        readonly default: undefined;
+    };
+}>> & Readonly<{}>, {
+    readonly mark: string | {
+        style: CSSProperties;
+        label: any;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/el-slider/src/slider-core.vue.d.ts

@@ -0,0 +1,218 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isRtl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        readonly type: import("vue").PropType<number | number[]>;
+        readonly default: 0;
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    step: {
+        readonly type: import("vue").PropType<number | "mark">;
+        readonly default: 1;
+    };
+    showInput: BooleanConstructor;
+    showInputControls: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    size: {
+        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly default: "";
+    };
+    inputSize: {
+        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly default: "";
+    };
+    showStops: BooleanConstructor;
+    showTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    formatTooltip: {
+        readonly type: import("vue").PropType<(val: number) => string | number>;
+        readonly default: undefined;
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    range: BooleanConstructor;
+    vertical: BooleanConstructor;
+    height: StringConstructor;
+    rangeStartLabel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    rangeEndLabel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    formatValueText: {
+        readonly type: import("vue").PropType<(val: number) => string>;
+        readonly default: undefined;
+    };
+    tooltipClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    placement: {
+        readonly type: import("vue").PropType<import("@popperjs/core/index").Placement>;
+        readonly default: "top";
+    };
+    marks: {
+        readonly type: import("vue").PropType<{
+            [x: number]: string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            } | undefined;
+        }>;
+    };
+    validateEvent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    ariaLabel: StringConstructor;
+}>, {
+    onSliderClick: (event: MouseEvent | TouchEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | number[]) => void;
+    input: (value: number | number[]) => void;
+    change: (value: number | number[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isRtl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        readonly type: import("vue").PropType<number | number[]>;
+        readonly default: 0;
+    };
+    id: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    step: {
+        readonly type: import("vue").PropType<number | "mark">;
+        readonly default: 1;
+    };
+    showInput: BooleanConstructor;
+    showInputControls: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    size: {
+        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly default: "";
+    };
+    inputSize: {
+        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly default: "";
+    };
+    showStops: BooleanConstructor;
+    showTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    formatTooltip: {
+        readonly type: import("vue").PropType<(val: number) => string | number>;
+        readonly default: undefined;
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    range: BooleanConstructor;
+    vertical: BooleanConstructor;
+    height: StringConstructor;
+    rangeStartLabel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    rangeEndLabel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    formatValueText: {
+        readonly type: import("vue").PropType<(val: number) => string>;
+        readonly default: undefined;
+    };
+    tooltipClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    placement: {
+        readonly type: import("vue").PropType<import("@popperjs/core/index").Placement>;
+        readonly default: "top";
+    };
+    marks: {
+        readonly type: import("vue").PropType<{
+            [x: number]: string | {
+                style: import("vue").CSSProperties;
+                label: any;
+            } | undefined;
+        }>;
+    };
+    validateEvent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    ariaLabel: StringConstructor;
+}>> & Readonly<{
+    onInput?: ((value: number | number[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | number[]) => any) | undefined;
+    onChange?: ((value: number | number[]) => any) | undefined;
+}>, {
+    size: "" | "default" | "small" | "large";
+    placement: import("@popperjs/core/index").Placement;
+    vertical: boolean;
+    disabled: boolean;
+    id: string;
+    modelValue: number | number[];
+    validateEvent: boolean;
+    persistent: boolean;
+    isRtl: boolean;
+    step: number | "mark";
+    max: number;
+    min: number;
+    showInput: boolean;
+    showInputControls: boolean;
+    inputSize: "" | "default" | "small" | "large";
+    showStops: boolean;
+    showTooltip: boolean;
+    formatTooltip: (val: number) => string | number;
+    range: boolean;
+    rangeStartLabel: string;
+    rangeEndLabel: string;
+    formatValueText: (val: number) => string;
+    tooltipClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/el-slider/src/slider.d.ts

@@ -0,0 +1,174 @@
+import type { ExtractPropTypes, ExtractPublicPropTypes, PropType } from 'vue';
+import type { SliderMarkerProps } from './marker';
+import type Slider from './slider-core.vue';
+type SliderMarks = Record<number, string | SliderMarkerProps['mark']>;
+type Arrayable<T> = T | T[];
+export interface SliderInitData {
+    firstValue: number;
+    secondValue: number;
+    oldValue?: Arrayable<number>;
+    dragging: boolean;
+    sliderSize: number;
+}
+export declare const sliderProps: {
+    /**
+     * @description binding value
+     */
+    readonly modelValue: {
+        readonly type: PropType<Arrayable<number>>;
+        readonly default: 0;
+    };
+    readonly id: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * @description minimum value
+     */
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /**
+     * @description maximum value
+     */
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+    /**
+     * @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set
+     */
+    readonly step: {
+        readonly type: PropType<number | "mark">;
+        readonly default: 1;
+    };
+    /**
+     * @description whether to display an input box, works when `range` is false and `step` is not `'mark'`
+     */
+    readonly showInput: BooleanConstructor;
+    /**
+     * @description whether to display control buttons when `show-input` is true
+     */
+    readonly showInputControls: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * @description size of the slider wrapper, will not work in vertical mode
+     */
+    readonly size: {
+        readonly type: PropType<"" | "default" | "small" | "large">;
+        readonly default: "";
+    };
+    /**
+     * @description size of the input box, when set `size`, the default is the value of `size`
+     */
+    readonly inputSize: {
+        readonly type: PropType<"" | "default" | "small" | "large">;
+        readonly default: "";
+    };
+    /**
+     * @description whether to display breakpoints
+     */
+    readonly showStops: BooleanConstructor;
+    /**
+     * @description whether to display tooltip value
+     */
+    readonly showTooltip: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * @description format to display tooltip value
+     */
+    readonly formatTooltip: {
+        readonly type: PropType<(val: number) => number | string>;
+        readonly default: undefined;
+    };
+    /**
+     * @description whether Slider is disabled
+     */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * @description whether to select a range
+     */
+    readonly range: BooleanConstructor;
+    /**
+     * @description vertical mode
+     */
+    readonly vertical: BooleanConstructor;
+    /**
+     * @description slider height, required in vertical mode
+     */
+    readonly height: StringConstructor;
+    /**
+     * @description when `range` is true, screen reader label for the start of the range
+     */
+    readonly rangeStartLabel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * @description when `range` is true, screen reader label for the end of the range
+     */
+    readonly rangeEndLabel: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * @description format to display the `aria-valuenow` attribute for screen readers
+     */
+    readonly formatValueText: {
+        readonly type: PropType<(val: number) => string>;
+        readonly default: undefined;
+    };
+    /**
+     * @description custom class name for the tooltip
+     */
+    readonly tooltipClass: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /**
+     * @description position of Tooltip
+     */
+    readonly placement: {
+        readonly type: PropType<import("@popperjs/core/index").Placement>;
+        readonly default: "top";
+    };
+    /**
+     * @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style
+     */
+    readonly marks: {
+        readonly type: PropType<SliderMarks>;
+    };
+    /**
+     * @description whether to trigger form validation
+     */
+    readonly validateEvent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`
+     */
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly ariaLabel: StringConstructor;
+};
+export type SliderProps = ExtractPropTypes<typeof sliderProps>;
+export type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>;
+export declare const sliderEmits: {
+    "update:modelValue": (value: Arrayable<number>) => boolean;
+    input: (value: Arrayable<number>) => boolean;
+    change: (value: Arrayable<number>) => boolean;
+};
+export type SliderEmits = typeof sliderEmits;
+export type SliderInstance = InstanceType<typeof Slider> & unknown;
+export {};