vft 0.0.142 → 0.0.145

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

@@ -8,6 +8,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
             readonly size?: number | "default" | "small" | "large" | undefined;
+            onError?: ((...args: any[]) => any) | undefined;
             readonly icon?: string | import("..").IconProps | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -49,9 +50,8 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onError?: ((...args: any[]) => any) | undefined;
-            readonly alt?: string | undefined;
             readonly src?: string | undefined;
+            readonly alt?: string | undefined;
             readonly fit?: "fill" | "contain" | "none" | "cover" | "scale-down" | undefined;
             readonly shape?: "circle" | "square" | undefined;
         };
@@ -89,7 +89,9 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
             };
         }>> & {
             onError?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], string, {}, {}, string, {}> & {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            error: (...args: any[]) => void;
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -155,7 +157,9 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
     };
 }>> & {
     onError?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (...args: any[]) => void;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/es/components/avatar/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./avatar.vue2.js";
 const l = t(o);

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

@@ -31,7 +31,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     scrollTargetKey: {
         type: import("vue").PropType<string>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     visibilityHeight: {
         type: import("vue").PropType<number>;
     };

package/es/components/backtop/backtop.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, getCurrentInstance as g, computed as a, openBlock as r, createBlock as l, Transition as v, unref as t, withCtx as y, createElementBlock as C, normalizeStyle as h, normalizeClass as T, withModifiers as x, renderSlot as z, normalizeProps as B, mergeProps as $, createCommentVNode as c } from "vue";
+import { defineComponent as c, getCurrentInstance as g, computed as a, openBlock as m, createBlock as l, Transition as y, unref as t, withCtx as C, createElementBlock as h, normalizeStyle as v, normalizeClass as T, withModifiers as x, renderSlot as z, normalizeProps as B, mergeProps as $, createCommentVNode as s } from "vue";
 import { singleAttrToObj as S } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
@@ -94,12 +94,12 @@ import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import { useBackTop as I } from "./use-backtop.js";
-const m = (
+const i = (
   /* hoist-static*/
   w("backtop")
-), N = s({
-  name: "vft-backtop"
-}), ho = /* @__PURE__ */ s({
+), N = c({
+  name: i.b()
+}), vo = /* @__PURE__ */ c({
   ...N,
   props: {
     visibilityHeight: { default: 200 },
@@ -110,37 +110,37 @@ const m = (
     scrollTargetKey: {}
   },
   emits: ["click"],
-  setup(i, { emit: u }) {
-    const f = g(), { handleClick: p, visible: d } = I(f.props, u, m.b()), k = a(() => ({
-      right: `${i.right}px`,
-      bottom: `${i.bottom}px`
-    })), e = a(() => S(i.icon, "icon", { size: 25 }));
-    return (b, n) => (r(), l(v, {
-      name: `${t(m).namespace}-fade-in`
+  setup(r, { emit: u }) {
+    const f = g(), { handleClick: p, visible: d } = I(f.props, u, i.b()), b = a(() => ({
+      right: `${r.right}px`,
+      bottom: `${r.bottom}px`
+    })), e = a(() => S(r.icon, "icon", { size: 25 }));
+    return (k, n) => (m(), l(y, {
+      name: `${t(i).namespace}-fade-in`
     }, {
-      default: y(() => [
-        t(d) ? (r(), C("div", {
+      default: C(() => [
+        t(d) ? (m(), h("div", {
           key: 0,
-          style: h(k.value),
-          class: T(t(m).b()),
+          style: v(b.value),
+          class: T(t(i).b()),
           onClick: n[0] || (n[0] = x(
             //@ts-ignore
             (...o) => t(p) && t(p)(...o),
             ["stop"]
           ))
         }, [
-          z(b.$slots, "default", {}, () => {
+          z(k.$slots, "default", {}, () => {
             var o;
             return [
-              (o = e.value) != null && o.icon ? (r(), l(t(_), B($({ key: 0 }, e.value)), null, 16)) : c("", !0)
+              (o = e.value) != null && o.icon ? (m(), l(t(_), B($({ key: 0 }, e.value)), null, 16)) : s("", !0)
             ];
           })
-        ], 6)) : c("", !0)
+        ], 6)) : s("", !0)
       ]),
       _: 3
     }, 8, ["name"]));
   }
 });
 export {
-  ho as default
+  vo as default
 };

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

@@ -3,13 +3,14 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly bottom?: number | undefined;
             readonly right?: number | undefined;
             readonly target?: string | undefined;
             style?: unknown;
-            readonly bottom?: number | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
+            onClick?: ((...args: any[]) => any) | undefined;
             readonly icon?: string | import("..").IconProps | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -51,7 +52,6 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            onClick?: ((...args: any[]) => any) | undefined;
             readonly visibilityHeight?: number | undefined;
             readonly scrollTargetKey?: string | undefined;
         };
@@ -89,7 +89,9 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
             };
         }>> & {
             onClick?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {}, {}, string, {}> & {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (...args: any[]) => void;
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -155,7 +157,9 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
     };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/es/components/backtop/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import o from "./backtop.vue2.js";
 const c = t(o);

package/es/components/button/button-custom.d.ts

@@ -1,4 +1,5 @@
 import { TinyColor } from '@ctrl/tinycolor';
 import type { ButtonProps } from './button.vue';
+/** 生成暗色 */
 export declare function darken(color: TinyColor, amount?: number): string;
 export declare function useButtonCustomStyle(props: ButtonProps): import("vue").ComputedRef<Record<string, string>>;

package/es/components/button/button-group.vue.d.ts

@@ -1,22 +1,16 @@
-import { ComponentSize } from '../types';
-import { type ButtonType } from './types';
-export interface ButtonGroupProps {
-    size?: ComponentSize;
-    type?: ButtonType;
-}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<ComponentSize>;
+        type: import("vue").PropType<import("../types").ComponentSize>;
     };
     type: {
-        type: import("vue").PropType<ButtonType>;
+        type: import("vue").PropType<import("./types").ButtonType>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<ComponentSize>;
+        type: import("vue").PropType<import("../types").ComponentSize>;
     };
     type: {
-        type: import("vue").PropType<ButtonType>;
+        type: import("vue").PropType<import("./types").ButtonType>;
     };
 }>>, {}, {}>, {
     default?(_: {}): any;

package/es/components/button/button-group.vue2.js

@@ -1,37 +1,38 @@
-import { defineComponent as o, provide as s, reactive as i, toRef as e, openBlock as m, createElementBlock as a, normalizeClass as u, unref as c, renderSlot as f } from "vue";
+import { defineComponent as o, provide as n, reactive as i, toRef as t, openBlock as m, createElementBlock as a, normalizeClass as c, unref as u, renderSlot as l } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as l } from "../../hooks/use-namespace/index.js";
+import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { buttonGroupContextKey as d } from "./constants.js";
-const _ = o({
-  name: "VtfButtonGroup"
-}), g = /* @__PURE__ */ o({
+const r = (
+  /* hoist-static*/
+  f("button")
+), _ = o({
+  name: r.b("group")
+}), h = /* @__PURE__ */ o({
   ..._,
   props: {
     size: {},
     type: {}
   },
-  setup(r) {
-    const t = r;
-    s(
+  setup(p) {
+    const e = p;
+    return n(
       d,
       i({
-        size: e(t, "size"),
-        type: e(t, "type")
+        size: t(e, "size"),
+        type: t(e, "type")
       })
-    );
-    const p = l("button");
-    return (n, y) => (m(), a("div", {
-      class: u(`${c(p).b("group")}`)
+    ), (s, b) => (m(), a("div", {
+      class: c(`${u(r).b("group")}`)
     }, [
-      f(n.$slots, "default")
+      l(s.$slots, "default")
     ], 2));
   }
 });
 export {
-  g as default
+  h as default
 };

package/es/components/button/button.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as B, computed as I, openBlock as n, createBlock as a, resolveDynamicComponent as _, mergeProps as m, unref as e, withCtx as A, createElementBlock as y, Fragment as N, renderSlot as f, normalizeClass as k, normalizeProps as P, createCommentVNode as b } from "vue";
-import { singleAttrToObj as T } from "@vft/utils";
-import { VftIcon as g } from "../icon/index.js";
+import { defineComponent as g, computed as $, openBlock as l, createBlock as a, resolveDynamicComponent as I, mergeProps as m, unref as e, withCtx as _, createElementBlock as y, Fragment as A, renderSlot as f, normalizeClass as k, normalizeProps as N, createCommentVNode as B } from "vue";
+import { singleAttrToObj as P } from "@vft/utils";
+import { VftIcon as b } from "../icon/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
@@ -9,12 +9,12 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useButtonCustomStyle as j } from "./button-custom.js";
 import { useButton as w } from "./use-button.js";
-const t = (
+const o = (
   /* hoist-static*/
   V("button")
-), D = B({
-  name: "vft-button"
-}), U = /* @__PURE__ */ B({
+), D = g({
+  name: o.b()
+}), U = /* @__PURE__ */ g({
   ...D,
   props: {
     tag: { default: "button" },
@@ -35,60 +35,57 @@ const t = (
     color: {},
     dark: { type: Boolean },
     autoInsertSpace: { type: Boolean },
-    block: { type: Boolean }
+    block: { type: Boolean },
+    useThrottle: { type: Boolean, default: !0 },
+    throttleTime: { default: 300 }
   },
   emits: ["click"],
-  setup(C, { expose: h, emit: v }) {
-    const l = C, s = I(() => T(l.icon, "icon")), z = j(l), { _ref: i, _size: r, _type: p, _disabled: c, _props: S, shouldAddSpace: d, handleClick: $ } = w(l, v);
+  setup(C, { expose: h, emit: z }) {
+    const n = C, S = j(n), { _ref: s, _size: i, _type: r, _disabled: p, _props: v, shouldAddSpace: u, handleClick: T } = w(n, z), d = $(() => P(n.icon, "icon"));
     return h({
-      /** @description button html element */
-      ref: i,
-      /** @description button size */
-      size: r,
-      /** @description button type */
-      type: p,
-      /** @description button disabled */
-      disabled: c,
-      /** @description whether adding space */
-      shouldAddSpace: d
-    }), (o, E) => (n(), a(_(o.tag), m({
+      ref: s,
+      size: i,
+      type: r,
+      disabled: p,
+      shouldAddSpace: u
+    }), (t, E) => (l(), a(I(t.tag), m({
       ref_key: "_ref",
-      ref: i
-    }, e(S), {
+      ref: s
+    }, e(v), {
       class: [
-        e(t).b(),
-        e(t).m(e(p)),
-        e(t).m(e(r)),
-        e(t).is("disabled", e(c)),
-        e(t).is("loading", o.loading),
-        e(t).is("plain", o.plain),
-        e(t).is("round", o.round),
-        e(t).is("circle", o.circle),
-        e(t).is("text", o.text),
-        e(t).is("link", o.link),
-        e(t).is("has-bg", o.bg),
-        e(t).is("block", o.block)
+        e(o).b(),
+        e(o).m(e(r)),
+        e(o).m(e(i)),
+        e(o).is("disabled", e(p)),
+        e(o).is("loading", t.loading),
+        e(o).is("plain", t.plain),
+        e(o).is("round", t.round),
+        e(o).is("circle", t.circle),
+        e(o).is("text", t.text),
+        e(o).is("link", t.link),
+        e(o).is("has-bg", t.bg),
+        e(o).is("block", t.block)
       ],
-      style: e(z),
-      onClick: e($)
+      style: e(S),
+      onClick: e(T)
     }), {
-      default: A(() => {
-        var u;
+      default: _(() => {
+        var c;
         return [
-          o.loading ? (n(), y(N, { key: 0 }, [
-            o.$slots.loading ? f(o.$slots, "loading", { key: 0 }) : (n(), a(e(g), {
+          t.loading ? (l(), y(A, { key: 0 }, [
+            t.$slots.loading ? f(t.$slots, "loading", { key: 0 }) : (l(), a(e(b), {
               key: 1,
               rotate: "",
-              class: k(e(t).is("loading")),
+              class: k(e(o).is("loading")),
               icon: "icon-loading"
             }, null, 8, ["class"]))
-          ], 64)) : (u = s.value) != null && u.icon ? (n(), a(e(g), P(m({ key: 1 }, s.value)), null, 16)) : b("", !0),
-          o.$slots.default ? (n(), y("span", {
+          ], 64)) : (c = d.value) != null && c.icon ? (l(), a(e(b), N(m({ key: 1 }, d.value)), null, 16)) : B("", !0),
+          t.$slots.default ? (l(), y("span", {
             key: 2,
-            class: k({ [e(t).em("text", "expand")]: e(d) })
+            class: k({ [e(o).em("text", "expand")]: e(u) })
           }, [
-            f(o.$slots, "default")
-          ], 2)) : b("", !0)
+            f(t.$slots, "default")
+          ], 2)) : B("", !0)
         ];
       }),
       _: 3

package/es/components/button/constants.d.ts

@@ -1,7 +1,3 @@
 import type { InjectionKey } from 'vue';
-import type { ButtonProps } from './button.vue';
-export interface ButtonGroupContext {
-    size?: ButtonProps['size'];
-    type?: ButtonProps['type'];
-}
-export declare const buttonGroupContextKey: InjectionKey<ButtonGroupContext>;
+import type { ButtonGroupProps } from './types';
+export declare const buttonGroupContextKey: InjectionKey<ButtonGroupProps>;

package/es/components/button/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o, withNoopInstall as r } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./button.vue2.js";
 import t from "./button-group.vue2.js";

package/es/components/button/mobile.d.ts

@@ -0,0 +1,6 @@
+import VftButton, { type ButtonProps } from './button.vue';
+import VftButtonGroup from './button-group.vue';
+export { type ButtonProps, VftButtonGroup };
+export * from './types';
+export * from './constants';
+export default VftButton;

package/es/components/button/mobile.js

@@ -0,0 +1,8 @@
+import o from "./button.vue2.js";
+import { default as f } from "./button-group.vue2.js";
+import { buttonGroupContextKey as u } from "./constants.js";
+export {
+  f as VftButtonGroup,
+  u as buttonGroupContextKey,
+  o as default
+};

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

@@ -1,4 +1,9 @@
+import type { ButtonProps } from './button.vue';
 export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | '';
 export interface ButtonConfigContext {
     autoInsertSpace?: boolean;
 }
+export interface ButtonGroupProps {
+    size?: ButtonProps['size'];
+    type?: ButtonProps['type'];
+}

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

@@ -1,48 +1,50 @@
 import "../config-provider/index.js";
 import "../form/index.js";
-import { useThrottleFn as b } from "@vueuse/core";
-import { inject as _, computed as i, ref as F, useSlots as I, Text as S } from "vue";
-import { buttonGroupContextKey as k } from "./constants.js";
-import { useGlobalConfig as T } from "../config-provider/hooks/use-global-config.js";
+import { useThrottleFn as T } from "@vueuse/core";
+import { inject as _, computed as i, ref as k, useSlots as p, Text as I } from "vue";
+import { buttonGroupContextKey as S } from "./constants.js";
 import { useFormItem as z } from "../form/hooks/use-form-item.js";
-import { useFormSize as C, useFormDisabled as D } from "../form/hooks/use-form-common-props.js";
-const E = (t, l) => {
-  const o = _(k, void 0), u = T("button"), { form: s } = z(), d = C(i(() => o == null ? void 0 : o.size)), r = D(), m = F(), a = I(), f = i(() => t.type || (o == null ? void 0 : o.type) || ""), p = i(
+import { useGlobalConfig as C } from "../config-provider/hooks/use-global-config.js";
+import { useFormSize as D, useFormDisabled as j } from "../form/hooks/use-form-common-props.js";
+const H = (t, u) => {
+  const o = _(S, void 0), m = C("button"), { form: s } = z(), d = D(i(() => o == null ? void 0 : o.size)), c = j(), f = k(), r = p(), h = i(() => t.type || (o == null ? void 0 : o.type) || ""), g = i(
     () => {
       var e;
-      return t.autoInsertSpace ?? ((e = u.value) == null ? void 0 : e.autoInsertSpace) ?? !1;
+      return t.autoInsertSpace ?? ((e = m.value) == null ? void 0 : e.autoInsertSpace) ?? !1;
     }
-  ), g = i(() => {
-    var c;
-    const e = (c = a.default) == null ? void 0 : c.call(a);
-    if (p.value && (e == null ? void 0 : e.length) === 1) {
+  ), y = i(() => {
+    var l;
+    const e = (l = r.default) == null ? void 0 : l.call(r);
+    if (g.value && (e == null ? void 0 : e.length) === 1) {
       const n = e[0];
-      if ((n == null ? void 0 : n.type) === S) {
-        const v = n.children;
-        return /^\p{Unified_Ideograph}{2}$/u.test(v.trim());
+      if ((n == null ? void 0 : n.type) === I) {
+        const F = n.children;
+        return /^\p{Unified_Ideograph}{2}$/u.test(F.trim());
       }
     }
     return !1;
-  }), h = i(() => t.tag === "button" ? {
-    ariaDisabled: r.value || t.loading,
-    disabled: r.value || t.loading,
+  }), b = i(() => t.tag === "button" ? {
+    ariaDisabled: c.value || t.loading,
+    disabled: c.value || t.loading,
     autofocus: t.autofocus,
     type: t.nativeType
-  } : {}), y = b((e) => {
-    t.nativeType === "reset" && (s == null || s.resetFields()), l("click", e);
-  }, 500);
+  } : {}), a = (e) => {
+    t.nativeType === "reset" && (s == null || s.resetFields()), u("click", e);
+  }, v = T((e) => {
+    a(e);
+  }, t.throttleTime);
   return {
-    _props: h,
-    _disabled: r,
+    _props: b,
+    _disabled: c,
     _size: d,
-    _type: f,
-    _ref: m,
-    shouldAddSpace: g,
+    _type: h,
+    _ref: f,
+    shouldAddSpace: y,
     handleClick: (e) => {
-      y(e);
+      t.useThrottle ? v(e) : a(e);
     }
   };
 };
 export {
-  E as useButton
+  H as useButton
 };

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

@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | Object | any[]>;
     };
     shadow: {
-        type: import("vue").PropType<"always" | "hover" | "never">;
+        type: import("vue").PropType<"always" | "never" | "hover">;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     header: {
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | Object | any[]>;
     };
     shadow: {
-        type: import("vue").PropType<"always" | "hover" | "never">;
+        type: import("vue").PropType<"always" | "never" | "hover">;
     };
 }>>, {}, {}>, {
     header?(_: {}): any;

package/es/components/card/card.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as l, openBlock as t, createElementBlock as s, normalizeClass as r, unref as o, renderSlot as d, createTextVNode as m, toDisplayString as n, createCommentVNode as i, createElementVNode as p, normalizeStyle as c } from "vue";
+import { defineComponent as l, openBlock as t, createElementBlock as s, normalizeClass as r, unref as a, renderSlot as d, createTextVNode as m, toDisplayString as n, createCommentVNode as i, createElementVNode as p, normalizeStyle as u } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const a = (
+const o = (
   /* hoist-static*/
-  f("card")
-), u = l({
-  name: "vft-card"
+  c("card")
+), f = l({
+  name: o.b()
 }), V = /* @__PURE__ */ l({
-  ...u,
+  ...f,
   props: {
     header: { default: "" },
     bodyStyle: { default: "" },
@@ -20,19 +20,19 @@ const a = (
   },
   setup(h) {
     return (e, y) => (t(), s("div", {
-      class: r([o(a).b(), o(a).is(`${e.shadow}-shadow`)])
+      class: r([a(o).b(), a(o).is(`${e.shadow}-shadow`)])
     }, [
       e.$slots.header || e.header ? (t(), s("div", {
         key: 0,
-        class: r(o(a).e("header"))
+        class: r(a(o).e("header"))
       }, [
         d(e.$slots, "header", {}, () => [
           m(n(e.header), 1)
         ])
       ], 2)) : i("", !0),
       p("div", {
-        class: r(o(a).e("body")),
-        style: c(e.bodyStyle)
+        class: r(a(o).e("body")),
+        style: u(e.bodyStyle)
       }, [
         d(e.$slots, "default")
       ], 6)