vft 0.0.239 → 0.0.240

package/es/components/skeleton/skeleton.vue.d.ts

@@ -5,17 +5,19 @@ interface Props {
     loading?: boolean;
     throttle?: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
-    /** @description loading state */
-    uiLoading: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare function __VLS_template(): {
     template?(_: {
         key: number;
     }): any;
     default?(_: {
         [x: string]: unknown;
     }): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
+    /** @description loading state */
+    uiLoading: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/slider/button.vue.d.ts

@@ -5,17 +5,17 @@ export interface SliderButtonProps {
     tooltipClass?: string;
     placement?: Placement;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SliderButtonProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>, {
     onButtonDown: (event: MouseEvent | TouchEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
     setPosition: (newPosition: number) => Promise<void>;
-    hovering: import("vue").Ref<boolean>;
-    dragging: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hovering: import("vue").Ref<boolean, boolean>;
+    dragging: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderButtonProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/slider/composables/use-lifecycle.d.ts

@@ -1,5 +1,5 @@
 import type { SliderInitData } from '../slider';
 import type { SliderProps } from '../slider.vue';
 export declare const useLifecycle: (props: SliderProps, initData: SliderInitData, resetSize: () => void) => {
-    sliderWrapper: import("vue").Ref<HTMLElement | undefined>;
+    sliderWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
 };

package/es/components/slider/composables/use-slide.d.ts

@@ -2,10 +2,10 @@ import type { CSSProperties, Ref, SetupContext } from 'vue';
 import type { SliderButtonInstance } from '../button';
 import type { SliderEmits, SliderInitData } from '../slider';
 import type { SliderProps } from '../slider.vue';
-export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>['emit']) => {
+export declare const useSlide: (props: SliderProps, initData: SliderInitData, emit: SetupContext<SliderEmits>["emit"]) => {
     elFormItem: import("vft/es/components/form").FormItemContext | undefined;
-    slider: import("vue").ShallowRef<HTMLElement | undefined>;
-    firstButton: Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    slider: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    firstButton: Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -18,17 +18,24 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: number) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -41,9 +48,38 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, {}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<number>;
+        };
+        vertical: {
+            type: import("vue").PropType<boolean>;
+        };
+        tooltipClass: {
+            type: import("vue").PropType<string>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => void;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -63,16 +99,16 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
     }, {}, {}, {}, {}> | undefined>;
-    secondButton: Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    secondButton: Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -85,17 +121,24 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: number) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<number>;
         };
@@ -108,9 +151,38 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, {}> | undefined, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<number>;
+        };
+        vertical: {
+            type: import("vue").PropType<boolean>;
+        };
+        tooltipClass: {
+            type: import("vue").PropType<string>;
+        };
+        placement: {
+            type: import("vue").PropType<import("@popperjs/core").Placement>;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {
+        onButtonDown: (event: MouseEvent | TouchEvent) => void;
+        onKeyDown: (event: KeyboardEvent) => void;
+        setPosition: (newPosition: number) => Promise<void>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => void;
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -130,14 +202,14 @@ export declare const useSlide: (props: SliderProps, initData: SliderInitData, em
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {
+    }>, {
         onButtonDown: (event: MouseEvent | TouchEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
         setPosition: (newPosition: number) => Promise<void>;
-        hovering: Ref<boolean>;
-        dragging: Ref<boolean>;
+        hovering: Ref<boolean, boolean>;
+        dragging: Ref<boolean, boolean>;
     }, {}, {}, {}, {}> | undefined>;
     sliderDisabled: import("vue").ComputedRef<boolean>;
     minValue: import("vue").ComputedRef<number>;

package/es/components/slider/composables/use-slide.js

@@ -1,82 +1,80 @@
 import "../../form/index.js";
-import { CHANGE_EVENT as $, UPDATE_MODEL_EVENT as k, INPUT_EVENT as W } from "../../../constants/event.js";
-import { shallowRef as X, ref as C, computed as r, nextTick as N } from "vue";
-import { useFormItem as Y } from "../../form/hooks/use-form-item.js";
-const q = (e, l, s) => {
-  const { form: a, formItem: T } = Y(), c = X(), f = C(), v = C(), d = {
-    firstButton: f,
-    secondButton: v
-  }, g = r(() => e.disabled || (a == null ? void 0 : a.disabled) || !1), o = r(() => Math.min(l.firstValue, l.secondValue)), i = r(() => Math.max(l.firstValue, l.secondValue)), V = r(() => e.range ? `${100 * (i.value - o.value) / (e.max - e.min)}%` : `${100 * (l.firstValue - e.min) / (e.max - e.min)}%`), h = r(() => e.range ? `${100 * (o.value - e.min) / (e.max - e.min)}%` : "0%"), z = r(() => e.vertical ? { height: e.height } : {}), M = r(() => e.vertical ? {
-    height: V.value,
-    bottom: h.value
+import { CHANGE_EVENT as M, UPDATE_MODEL_EVENT as _, INPUT_EVENT as F } from "../../../constants/event.js";
+import { shallowRef as I, ref as R, computed as r, nextTick as w } from "vue";
+import { useFormItem as O } from "../../form/hooks/use-form-item.js";
+const L = (e, n, s) => {
+  const { form: P, formItem: x } = O(), c = I(), a = R(), d = R(), f = {
+    firstButton: a,
+    secondButton: d
+  }, m = r(() => e.disabled || P?.disabled || !1), u = r(() => Math.min(n.firstValue, n.secondValue)), i = r(() => Math.max(n.firstValue, n.secondValue)), v = r(() => e.range ? `${100 * (i.value - u.value) / (e.max - e.min)}%` : `${100 * (n.firstValue - e.min) / (e.max - e.min)}%`), g = r(() => e.range ? `${100 * (u.value - e.min) / (e.max - e.min)}%` : "0%"), y = r(() => e.vertical ? { height: e.height } : {}), C = r(() => e.vertical ? {
+    height: v.value,
+    bottom: g.value
   } : {
-    width: V.value,
-    left: h.value
-  }), S = () => {
-    c.value && (l.sliderSize = c.value[`client${e.vertical ? "Height" : "Width"}`]);
-  }, _ = (t) => {
-    const n = e.min + t * (e.max - e.min) / 100;
+    width: v.value,
+    left: g.value
+  }), V = () => {
+    c.value && (n.sliderSize = c.value[`client${e.vertical ? "Height" : "Width"}`]);
+  }, N = (t) => {
+    const l = e.min + t * (e.max - e.min) / 100;
     if (!e.range)
-      return f;
-    let u;
-    return Math.abs(o.value - n) < Math.abs(i.value - n) ? u = l.firstValue < l.secondValue ? "firstButton" : "secondButton" : u = l.firstValue > l.secondValue ? "firstButton" : "secondButton", d[u];
-  }, b = (t) => {
-    const n = _(t);
-    return n.value.setPosition(t), n;
-  }, I = (t) => {
-    l.firstValue = t, B(e.range ? [o.value, i.value] : t);
-  }, O = (t) => {
-    l.secondValue = t, e.range && B([o.value, i.value]);
-  }, B = (t) => {
-    s(k, t), s(W, t);
-  }, E = async () => {
-    await N(), s(
-      $,
-      e.range ? [o.value, i.value] : e.modelValue
+      return a;
+    let o;
+    return Math.abs(u.value - l) < Math.abs(i.value - l) ? o = n.firstValue < n.secondValue ? "firstButton" : "secondButton" : o = n.firstValue > n.secondValue ? "firstButton" : "secondButton", f[o];
+  }, h = (t) => {
+    const l = N(t);
+    return l.value.setPosition(t), l;
+  }, T = (t) => {
+    n.firstValue = t, S(e.range ? [u.value, i.value] : t);
+  }, z = (t) => {
+    n.secondValue = t, e.range && S([u.value, i.value]);
+  }, S = (t) => {
+    s(_, t), s(F, t);
+  }, b = async () => {
+    await w(), s(
+      M,
+      e.range ? [u.value, i.value] : e.modelValue
     );
-  }, R = (t) => {
-    var u, w, P, x;
-    if (g.value || l.dragging) return;
-    S();
-    let n = 0;
+  }, B = (t) => {
+    if (m.value || n.dragging) return;
+    V();
+    let l = 0;
     if (e.vertical) {
-      const m = ((w = (u = t.touches) == null ? void 0 : u.item(0)) == null ? void 0 : w.clientY) ?? t.clientY;
-      n = (c.value.getBoundingClientRect().bottom - m) / l.sliderSize * 100;
+      const o = t.touches?.item(0)?.clientY ?? t.clientY;
+      l = (c.value.getBoundingClientRect().bottom - o) / n.sliderSize * 100;
     } else {
-      const m = ((x = (P = t.touches) == null ? void 0 : P.item(0)) == null ? void 0 : x.clientX) ?? t.clientX, y = c.value.getBoundingClientRect().left;
-      n = (m - y) / l.sliderSize * 100;
+      const o = t.touches?.item(0)?.clientX ?? t.clientX, E = c.value.getBoundingClientRect().left;
+      l = (o - E) / n.sliderSize * 100;
     }
-    if (!(n < 0 || n > 100))
-      return b(n);
+    if (!(l < 0 || l > 100))
+      return h(l);
   };
   return {
-    elFormItem: T,
+    elFormItem: x,
     slider: c,
-    firstButton: f,
-    secondButton: v,
-    sliderDisabled: g,
-    minValue: o,
+    firstButton: a,
+    secondButton: d,
+    sliderDisabled: m,
+    minValue: u,
     maxValue: i,
-    runwayStyle: z,
-    barStyle: M,
-    resetSize: S,
-    setPosition: b,
-    emitChange: E,
+    runwayStyle: y,
+    barStyle: C,
+    resetSize: V,
+    setPosition: h,
+    emitChange: b,
     onSliderWrapperPrevent: (t) => {
-      var n, u;
-      ((n = d.firstButton.value) != null && n.dragging || (u = d.secondButton.value) != null && u.dragging) && t.preventDefault();
+      (f.firstButton.value?.dragging || f.secondButton.value?.dragging) && t.preventDefault();
     },
     onSliderClick: (t) => {
-      R(t) && E();
+      B(t) && b();
     },
     onSliderDown: async (t) => {
-      const n = R(t);
-      n && (await N(), n.value.onButtonDown(t));
+      const l = B(t);
+      l && (await w(), l.value.onButtonDown(t));
     },
-    setFirstValue: I,
-    setSecondValue: O
+    setFirstValue: T,
+    setSecondValue: z
   };
 };
 export {
-  q as useSlide
+  L as useSlide
 };

package/es/components/slider/composables/use-slider-button.d.ts

@@ -1,11 +1,11 @@
 import type { ComputedRef, CSSProperties, Ref, SetupContext } from 'vue';
 import type { SliderButtonEmits, SliderButtonInitData } from '../button';
 import type { SliderButtonProps } from '../button.vue';
-export declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>['emit']) => {
+export declare const useSliderButton: (props: SliderButtonProps, initData: SliderButtonInitData, emit: SetupContext<SliderButtonEmits>["emit"]) => {
     disabled: boolean | undefined;
-    button: Ref<HTMLDivElement | undefined>;
-    tooltip: Ref<any>;
-    tooltipVisible: Ref<boolean>;
+    button: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    tooltip: Ref<any, any>;
+    tooltipVisible: Ref<boolean, boolean>;
     showTooltip: boolean | undefined;
     wrapperStyle: ComputedRef<CSSProperties>;
     formatValue: ComputedRef<string | number | undefined>;

package/es/components/slider/composables/use-watch.d.ts

@@ -2,4 +2,4 @@ import type { FormItemContext } from 'vft/es/components/form';
 import type { ComputedRef, SetupContext } from 'vue';
 import type { SliderEmits, SliderInitData } from '../slider';
 import type { SliderProps } from '../slider.vue';
-export declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, emit: SetupContext<SliderEmits>['emit'], elFormItem: FormItemContext) => void;
+export declare const useWatch: (props: SliderProps, initData: SliderInitData, minValue: ComputedRef<number>, maxValue: ComputedRef<number>, emit: SetupContext<SliderEmits>["emit"], elFormItem: FormItemContext) => void;

package/es/components/slider/composables/use-watch.js

@@ -1,41 +1,40 @@
-import { UPDATE_MODEL_EVENT as r, INPUT_EVENT as v } from "../../../constants/event.js";
+import { UPDATE_MODEL_EVENT as h, INPUT_EVENT as y } from "../../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { throwError as A, debugWarn as h } from "../../../utils/error.js";
+import { throwError as E, debugWarn as c } from "../../../utils/error.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { watch as g } from "vue";
-const U = (a, i, y, E, V, u) => {
-  const f = (e) => {
-    V(r, e), V(v, e);
-  }, x = () => a.range ? ![y.value, E.value].every(
-    (e, n) => e === i.oldValue[n]
-  ) : a.modelValue !== i.oldValue, c = () => {
-    var n, l;
-    a.min > a.max && A("Slider", "min should not be greater than max.");
-    const e = a.modelValue;
-    a.range && Array.isArray(e) ? e[1] < a.min ? f([a.min, a.min]) : e[0] > a.max ? f([a.max, a.max]) : e[0] < a.min ? f([a.min, e[1]]) : e[1] > a.max ? f([e[0], a.max]) : (i.firstValue = e[0], i.secondValue = e[1], x() && (a.validateEvent && ((n = u == null ? void 0 : u.validate) == null || n.call(u, "change").catch((d) => h(d))), i.oldValue = e.slice())) : !a.range && typeof e == "number" && !Number.isNaN(e) && (e < a.min ? f(a.min) : e > a.max ? f(a.max) : (i.firstValue = e, x() && (a.validateEvent && ((l = u == null ? void 0 : u.validate) == null || l.call(u, "change").catch((d) => h(d))), i.oldValue = e)));
+import { watch as n } from "vue";
+const s = (m, a, t, g, r, f) => {
+  const i = (e) => {
+    r(h, e), r(y, e);
+  }, d = () => m.range ? ![t.value, g.value].every(
+    (e, l) => e === a.oldValue[l]
+  ) : m.modelValue !== a.oldValue, u = () => {
+    m.min > m.max && E("Slider", "min should not be greater than max.");
+    const e = m.modelValue;
+    m.range && Array.isArray(e) ? e[1] < m.min ? i([m.min, m.min]) : e[0] > m.max ? i([m.max, m.max]) : e[0] < m.min ? i([m.min, e[1]]) : e[1] > m.max ? i([e[0], m.max]) : (a.firstValue = e[0], a.secondValue = e[1], d() && (m.validateEvent && f?.validate?.("change").catch((l) => c(l)), a.oldValue = e.slice())) : !m.range && typeof e == "number" && !Number.isNaN(e) && (e < m.min ? i(m.min) : e > m.max ? i(m.max) : (a.firstValue = e, d() && (m.validateEvent && f?.validate?.("change").catch((l) => c(l)), a.oldValue = e)));
   };
-  c(), g(
-    () => i.dragging,
+  u(), n(
+    () => a.dragging,
     (e) => {
-      e || c();
+      e || u();
     }
-  ), g(
-    () => a.modelValue,
-    (e, n) => {
-      i.dragging || Array.isArray(e) && Array.isArray(n) && e.every((l, d) => l === n[d]) && i.firstValue === e[0] && i.secondValue === e[1] || c();
+  ), n(
+    () => m.modelValue,
+    (e, l) => {
+      a.dragging || Array.isArray(e) && Array.isArray(l) && e.every((V, x) => V === l[x]) && a.firstValue === e[0] && a.secondValue === e[1] || u();
     },
     {
       deep: !0
     }
-  ), g(
-    () => [a.min, a.max],
+  ), n(
+    () => [m.min, m.max],
     () => {
-      c();
+      u();
     }
   );
 };
 export {
-  U as useWatch
+  s as useWatch
 };

package/es/components/slider/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: import("vue").PropType<number | number[]>;
     };
@@ -33,7 +33,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
     formatTooltip: {
-        type: import("vue").PropType<(val: number) => string | number>;
+        type: import("vue").PropType<(val: number) => number | string>;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -60,7 +60,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string>;
     };
     formatValueText: {
-        type: import("vue").PropType<(val?: number | undefined) => string>;
+        type: import("vue").PropType<(val?: number) => string>;
     };
     tooltipClass: {
         type: import("vue").PropType<string>;
@@ -77,9 +77,9 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
     validateEvent: {
         type: import("vue").PropType<boolean>;
     };
-}, {
+}>, {
     onSliderClick: (event: MouseEvent | TouchEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("vft/es/utils").Arrayable<number>) => void;
     change: (value: import("vft/es/utils").Arrayable<number>) => void;
     input: (value: import("vft/es/utils").Arrayable<number>) => void;
@@ -118,7 +118,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<boolean>;
     };
     formatTooltip: {
-        type: import("vue").PropType<(val: number) => string | number>;
+        type: import("vue").PropType<(val: number) => number | string>;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -145,7 +145,7 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string>;
     };
     formatValueText: {
-        type: import("vue").PropType<(val?: number | undefined) => string>;
+        type: import("vue").PropType<(val?: number) => string>;
     };
     tooltipClass: {
         type: import("vue").PropType<string>;
@@ -162,11 +162,11 @@ export declare const VftSlider: import("vft/es/utils").SFCWithInstall<import("vu
     validateEvent: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
-    onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+}>> & Readonly<{
     onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+    onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftSlider;
 export * from './constants';
 export * from './slider';

package/es/components/slider/marker.d.ts

@@ -5,7 +5,7 @@ export type SliderMarkerProps = {
         label: any;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mark: {
         type: (StringConstructor | (() => {
             style: CSSProperties;
@@ -13,9 +13,9 @@ declare const _default: import("vue").DefineComponent<{
         }))[];
         default: undefined;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mark: {
         type: (StringConstructor | (() => {
             style: CSSProperties;
@@ -23,10 +23,10 @@ declare const _default: import("vue").DefineComponent<{
         }))[];
         default: undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     mark: string | {
         style: CSSProperties;
         label: any;
     };
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/slider/slider.vue.d.ts

@@ -28,17 +28,17 @@ export interface SliderProps {
     marks?: Record<number, string | SliderMarkerProps['mark']>;
     validateEvent?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SliderProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>, {
     onSliderClick: (event: MouseEvent | TouchEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: import("../../utils").Arrayable<number>) => void;
-    change: (value: import("../../utils").Arrayable<number>) => void;
-    input: (value: import("../../utils").Arrayable<number>) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>> & {
-    onChange?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
-    onInput?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: import("../../utils").Arrayable<number>) => any) | undefined;
-}, {}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("vft/es/utils").Arrayable<number>) => void;
+    change: (value: import("vft/es/utils").Arrayable<number>) => void;
+    input: (value: import("vft/es/utils").Arrayable<number>) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SliderProps>>> & Readonly<{
+    onInput?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+    onChange?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("vft/es/utils").Arrayable<number>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {