vft 0.0.388 → 0.0.389

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

@@ -27,11 +27,16 @@ export interface AlertProps {
     center?: boolean;
     effect?: alertEffects;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AlertProps>>> & Readonly<{
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, 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> = {
@@ -42,3 +47,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/alert/alert.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as i, useSlots as n, ref as l, computed as o, createBlock as c, openBlock as s, unref as a } from "vue";
-import { VftIcon as f } from "../icon/index.js";
+import { defineComponent as C, useSlots as g, ref as N, computed as c, createBlock as r, openBlock as s, Transition as S, unref as o, withCtx as V, withDirectives as $, createElementVNode as v, normalizeClass as l, createCommentVNode as i, createElementBlock as a, renderSlot as y, createTextVNode as k, toDisplayString as u, Fragment as E, vShow as I } from "vue";
+import { VftIcon as b } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const m = i({
+const z = C({
   name: "vft-alert"
-}), C = /* @__PURE__ */ i({
-  ...m,
+}), P = /* @__PURE__ */ C({
+  ...z,
   props: {
     title: { default: "" },
     description: { default: "" },
@@ -23,16 +23,68 @@ const m = i({
     effect: { default: "light" }
   },
   emits: {
-    close: (e) => e instanceof MouseEvent
+    close: (n) => n instanceof MouseEvent
   },
-  setup(e, { emit: u }) {
-    const t = p("alert"), r = n();
-    return l(!0), o(() => e.type), o(() => [
+  setup(n, { emit: h }) {
+    const t = D("alert"), B = h, d = g(), m = N(!0), f = c(() => n.type), T = c(() => [
       t.e("icon"),
-      { [t.is("big")]: !!e.description || !!r.default }
-    ]), o(() => ({ [t.is("bold")]: e.description || r.default })), (d, _) => (s(), c(a(f)));
+      { [t.is("big")]: !!n.description || !!d.default }
+    ]), w = c(() => ({ [t.is("bold")]: n.description || d.default })), p = (e) => {
+      m.value = !1, B("close", e);
+    };
+    return (e, F) => (s(), r(S, {
+      name: o(t).b("fade")
+    }, {
+      default: V(() => [
+        $(v("div", {
+          class: l([o(t).b(), o(t).m(e.type), o(t).is("center", e.center), o(t).is(e.effect)]),
+          role: "alert"
+        }, [
+          e.showIcon && f.value ? (s(), r(o(b), {
+            key: 0,
+            class: l(T.value),
+            icon: f.value
+          }, null, 8, ["class", "icon"])) : i("", !0),
+          v("div", {
+            class: l(o(t).e("content"))
+          }, [
+            e.title || e.$slots.title ? (s(), a("span", {
+              key: 0,
+              class: l([o(t).e("title"), w.value])
+            }, [
+              y(e.$slots, "title", {}, () => [
+                k(u(e.title), 1)
+              ])
+            ], 2)) : i("", !0),
+            e.$slots.default || e.description ? (s(), a("p", {
+              key: 1,
+              class: l(o(t).e("description"))
+            }, [
+              y(e.$slots, "default", {}, () => [
+                k(u(e.description), 1)
+              ])
+            ], 2)) : i("", !0),
+            e.closable ? (s(), a(E, { key: 2 }, [
+              e.closeText ? (s(), a("div", {
+                key: 0,
+                class: l([o(t).e("close-btn"), o(t).is("customed")]),
+                onClick: p
+              }, u(e.closeText), 3)) : (s(), r(o(b), {
+                key: 1,
+                class: l(o(t).e("close-btn")),
+                onClick: p,
+                icon: "icon-close"
+              }, null, 8, ["class"]))
+            ], 64)) : i("", !0)
+          ], 2)
+        ], 2), [
+          [I, m.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
 });
 export {
-  C as default
+  P as default
 };

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

@@ -1,5 +1,73 @@
 export * from './types';
-export declare const VftAlert: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const VftAlert: import("vft/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").TypeComponents>;
+        };
+        closable: {
+            type: import("vue").PropType<boolean>;
+        };
+        closeText: {
+            type: import("vue").PropType<string>;
+        };
+        showIcon: {
+            type: import("vue").PropType<boolean>;
+        };
+        center: {
+            type: import("vue").PropType<boolean>;
+        };
+        effect: {
+            type: import("vue").PropType<import("./types").alertEffects>;
+        };
+    }>> & Readonly<{
+        onClose?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (evt: MouseEvent) => void;
+    }, 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<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        description: {
+            type: import("vue").PropType<string>;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").TypeComponents>;
+        };
+        closable: {
+            type: import("vue").PropType<boolean>;
+        };
+        closeText: {
+            type: import("vue").PropType<string>;
+        };
+        showIcon: {
+            type: import("vue").PropType<boolean>;
+        };
+        center: {
+            type: import("vue").PropType<boolean>;
+        };
+        effect: {
+            type: import("vue").PropType<import("./types").alertEffects>;
+        };
+    }>> & Readonly<{
+        onClose?: ((evt: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
     };
@@ -24,34 +92,14 @@ export declare const VftAlert: import("vft/es/utils").SFCWithInstall<import("vue
     effect: {
         type: import("vue").PropType<import("./types").alertEffects>;
     };
+}>> & Readonly<{
+    onClose?: ((evt: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string>;
-    };
-    description: {
-        type: import("vue").PropType<string>;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
     };
-    type: {
-        type: import("vue").PropType<import("./types").TypeComponents>;
-    };
-    closable: {
-        type: import("vue").PropType<boolean>;
-    };
-    closeText: {
-        type: import("vue").PropType<string>;
-    };
-    showIcon: {
-        type: import("vue").PropType<boolean>;
-    };
-    center: {
-        type: import("vue").PropType<boolean>;
-    };
-    effect: {
-        type: import("vue").PropType<import("./types").alertEffects>;
-    };
-}>> & Readonly<{
-    onClose?: ((evt: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+})> & Record<string, any>;
 export default VftAlert;

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

@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

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

@@ -86,9 +86,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -504,9 +504,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1007,9 +1007,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1425,9 +1425,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
                 readonly strategy?: "fixed" | "absolute" | undefined;
                 readonly effect?: "light" | "dark" | undefined;
                 readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+                readonly visible?: boolean | undefined;
                 readonly teleported?: boolean | undefined;
                 readonly open?: boolean | undefined;
-                readonly visible?: boolean | undefined;
                 readonly arrowOffset?: number | undefined;
                 readonly gpuAcceleration?: boolean | undefined;
                 readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -1917,9 +1917,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
@@ -2335,9 +2335,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
+            readonly visible?: boolean | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
-            readonly visible?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
             readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;

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

@@ -4,7 +4,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
         };
         height: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | number>;
         };
         trigger: {
             type: import("vue").PropType<"click" | "hover">;
@@ -60,7 +60,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
         };
         height: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | number>;
         };
         trigger: {
             type: import("vue").PropType<"click" | "hover">;
@@ -111,7 +111,7 @@ export declare const VftCarousel: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
     };
     height: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | number>;
     };
     trigger: {
         type: import("vue").PropType<"click" | "hover">;

package/es/components/carousel/types.d.ts

@@ -1,6 +1,6 @@
 export interface CarouselProps {
     initialIndex?: number | string;
-    height?: string;
+    height?: string | number;
     trigger?: 'hover' | 'click';
     autoplay?: boolean;
     interval?: number;

package/es/components/carousel/use-carousel.d.ts

@@ -10,10 +10,10 @@ export declare const useCarousel: (props: CarouselProps, emit: any, componentNam
     items: import("vue").ShallowRef<CarouselItemContext[], CarouselItemContext[]>;
     isVertical: import("vue").ComputedRef<boolean>;
     containerStyle: import("vue").ComputedRef<{
-        height: string | undefined;
+        height: string | number | undefined;
         overflow?: undefined;
     } | {
-        height: string;
+        height: string | undefined;
         overflow: string;
     }>;
     isItemsTwoLength: import("vue").Ref<boolean, boolean>;

package/es/components/carousel/use-carousel.js

@@ -1,42 +1,42 @@
 import { getCurrentInstance as ae, useSlots as oe, ref as u, computed as f, unref as g, watch as m, shallowRef as re, onMounted as ie, onBeforeUnmount as ue, provide as se, isVNode as ce } from "vue";
 import { throttle as N } from "lodash-es";
 import { useResizeObserver as ve } from "@vueuse/core";
-import { isString as fe } from "@vft/utils";
-import { debugWarn as me } from "../../utils/error.js";
+import { addUnit as fe, isString as me } from "@vft/utils";
+import { debugWarn as he } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { CHANGE_EVENT as he } from "../../constants/event.js";
-import { flattedChildren as de } from "../../utils/vue/vnode.js";
+import { CHANGE_EVENT as de } from "../../constants/event.js";
+import { flattedChildren as Ie } from "../../utils/vue/vnode.js";
 import "../../hooks/use-model-toggle/index.js";
-import { useOrderedChildren as Ie } from "../../hooks/use-ordered-children/index.js";
+import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { CAROUSEL_ITEM_NAME as H, carouselContextKey as ge } from "./constants.js";
-const L = 300, _e = (t, O, M) => {
+import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
+const L = 300, Re = (t, O, M) => {
   const {
     children: o,
     addChild: _,
     removeChild: R,
     ChildrenSorter: z
-  } = Ie(
+  } = ge(
     ae(),
     H
   ), B = oe(), l = u(-1), s = u(null), S = u(!1), h = u(), w = u(0), c = u(!0), P = f(
     () => t.arrow !== "never" && !g(v)
-  ), V = f(() => o.value.some(
+  ), U = f(() => o.value.some(
     (e) => e.props.label && e.props.label?.toString().length > 0
-  )), C = f(() => t.type === "card"), v = f(() => t.direction === "vertical"), k = f(() => t.height !== "auto" ? {
+  )), C = f(() => t.type === "card"), v = f(() => t.direction === "vertical"), V = f(() => t.height !== "auto" ? {
     height: t.height
   } : {
-    height: `${w.value}px`,
+    height: fe(w.value),
     overflow: "hidden"
-  }), U = N(
+  }), k = N(
     (e) => {
       i(e);
     },
     L,
     { trailing: !0 }
   ), D = N((e) => {
-    Q(e);
+    X(e);
   }, L), F = (e) => c.value ? l.value <= 1 ? e <= 1 : e > 1 : !0;
   function d() {
     s.value && (clearInterval(s.value), s.value = null);
@@ -48,14 +48,14 @@ const L = 300, _e = (t, O, M) => {
     l.value < o.value.length - 1 ? l.value = l.value + 1 : t.loop && (l.value = 0);
   };
   function i(e) {
-    if (fe(e)) {
+    if (me(e)) {
       const r = o.value.filter(
         (b) => b.props.name === e
       );
       r.length > 0 && (e = o.value.indexOf(r[0]));
     }
     if (e = Number(e), Number.isNaN(e) || e !== Math.floor(e)) {
-      me(M, "index must be integer.");
+      he(M, "index must be integer.");
       return;
     }
     const n = o.value.length, a = l.value;
@@ -75,47 +75,47 @@ const L = 300, _e = (t, O, M) => {
   function W() {
     S.value = !0, t.pauseOnHover && d();
   }
-  function $() {
+  function j() {
     S.value = !1, I();
   }
-  function j(e) {
+  function q(e) {
     g(v) || o.value.forEach((n, a) => {
       e === K(n, a) && (n.states.hover = !0);
     });
   }
-  function q() {
+  function J() {
     g(v) || o.value.forEach((e) => {
       e.states.hover = !1;
     });
   }
-  function J(e) {
+  function Q(e) {
     l.value = e;
   }
-  function Q(e) {
+  function X(e) {
     t.trigger === "hover" && e !== l.value && (l.value = e);
   }
-  function X() {
+  function Y() {
     i(l.value - 1);
   }
-  function Y() {
+  function Z() {
     i(l.value + 1);
   }
   function y() {
     d(), t.pauseOnHover || I();
   }
-  function Z(e) {
+  function $(e) {
     t.height === "auto" && (w.value = e);
   }
   function x() {
     const e = B.default?.();
     if (!e) return null;
-    const a = de(e).filter((r) => ce(r) && r.type.name === H);
+    const a = Ie(e).filter((r) => ce(r) && r.type.name === H);
     return a?.length === 2 && t.loop && !C.value ? (c.value = !0, a) : (c.value = !1, null);
   }
   m(
     () => l.value,
     (e, n) => {
-      E(n), c.value && (e = e % 2, n = n % 2), n > -1 && O(he, e, n);
+      E(n), c.value && (e = e % 2, n = n % 2), n > -1 && O(de, e, n);
     }
   ), m(
     () => t.autoplay,
@@ -148,7 +148,7 @@ const L = 300, _e = (t, O, M) => {
     }), I();
   }), ue(() => {
     d(), h.value && T.value && T.value.stop();
-  }), se(ge, {
+  }), se(Se, {
     root: h,
     isCardType: C,
     isVertical: v,
@@ -158,33 +158,33 @@ const L = 300, _e = (t, O, M) => {
     addItem: _,
     removeItem: R,
     setActiveItem: i,
-    setContainerHeight: Z
+    setContainerHeight: $
   }), {
     root: h,
     activeIndex: l,
     arrowDisplay: P,
-    hasLabel: V,
+    hasLabel: U,
     hover: S,
     isCardType: C,
     items: o,
     isVertical: v,
-    containerStyle: k,
+    containerStyle: V,
     isItemsTwoLength: c,
-    handleButtonEnter: j,
-    handleButtonLeave: q,
-    handleIndicatorClick: J,
+    handleButtonEnter: q,
+    handleButtonLeave: J,
+    handleIndicatorClick: Q,
     handleMouseEnter: W,
-    handleMouseLeave: $,
+    handleMouseLeave: j,
     setActiveItem: i,
-    prev: X,
-    next: Y,
+    prev: Y,
+    next: Z,
     PlaceholderItem: x,
     isTwoLengthShow: F,
     ItemsSorter: z,
-    throttledArrowClick: U,
+    throttledArrowClick: k,
     throttledIndicatorHover: D
   };
 };
 export {
-  _e as useCarousel
+  Re as useCarousel
 };