vft 0.0.142 → 0.0.144

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.vue.d.ts

@@ -3,25 +3,48 @@ import type { IconProps } from '../icon';
 import type { ComponentSize } from '../types';
 import type { ButtonType } from './types';
 export interface ButtonProps {
+    /** 标签元素 */
     tag?: string | Component;
+    /** 尺寸 */
     size?: ComponentSize;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 类型 */
     type?: ButtonType;
+    /** 前置图标 */
     icon?: IconProps | string;
+    /** 原生 type 属性*/
     nativeType?: 'button' | 'submit' | 'reset';
+    /** 是否为加载中状态 */
     loading?: boolean;
+    /** 自定义加载中状态图标组件 */
     loadingIcon?: IconProps;
+    /** 是否为朴素按钮*/
     plain?: boolean;
+    /** 是否为文字按钮*/
     text?: boolean;
+    /** 是否为链接按钮 */
     link?: boolean;
+    /** 是否显示文字按钮背景颜色 */
     bg?: boolean;
+    /** 原生 autofocus 属性 */
     autofocus?: boolean;
+    /** 是否为圆角按钮 */
     round?: boolean;
+    /** 是否为圆形按钮 */
     circle?: boolean;
+    /** 自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色 */
     color?: string;
+    /** dark 模式, 意味着自动设置 color 为 dark 模式的颜色 */
     dark?: boolean;
+    /** dark 模式, 意味着自动设置 color 为 dark 模式的颜色 */
     autoInsertSpace?: boolean;
+    /** 宽度撑开 */
     block?: boolean;
+    /** 是否使用节流触发点击事件 */
+    useThrottle?: boolean;
+    /** 节流时间 */
+    throttleTime?: number;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     link: {
@@ -48,6 +71,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     icon: {
         type: import("vue").PropType<string | IconProps>;
     };
+    bg: {
+        type: import("vue").PropType<boolean>;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -68,9 +94,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     plain: {
         type: import("vue").PropType<boolean>;
     };
-    bg: {
-        type: import("vue").PropType<boolean>;
-    };
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
@@ -83,18 +106,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     block: {
         type: import("vue").PropType<boolean>;
     };
+    useThrottle: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    throttleTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }, {
-    /** @description button html element */
     ref: import("vue").Ref<HTMLButtonElement | undefined>;
-    /** @description button size */
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-    /** @description button type */
     type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
-    /** @description button disabled */
     disabled: import("vue").ComputedRef<boolean>;
-    /** @description whether adding space */
     shouldAddSpace: import("vue").ComputedRef<boolean>;
-}, 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: (evt: MouseEvent) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     link: {
         type: import("vue").PropType<boolean>;
     };
@@ -119,6 +147,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     icon: {
         type: import("vue").PropType<string | IconProps>;
     };
+    bg: {
+        type: import("vue").PropType<boolean>;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -139,9 +170,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     plain: {
         type: import("vue").PropType<boolean>;
     };
-    bg: {
-        type: import("vue").PropType<boolean>;
-    };
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
@@ -154,11 +182,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     block: {
         type: import("vue").PropType<boolean>;
     };
+    useThrottle: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    throttleTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
+    onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
     tag: string | Component;
     nativeType: "button" | "reset" | "submit";
+    useThrottle: boolean;
+    throttleTime: number;
 }, {}>, {
     loading?(_: {}): any;
     default?(_: {}): any;

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.d.ts

@@ -1,5 +1,4 @@
 import { type ButtonProps } from './button.vue';
-import { type ButtonGroupProps } from './button-group.vue';
 export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -7,6 +6,8 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         $props: {
             tag?: string | import("vue").Component | undefined;
             nativeType?: "button" | "reset" | "submit" | undefined;
+            useThrottle?: boolean | undefined;
+            throttleTime?: number | undefined;
             readonly link?: boolean | undefined;
             style?: unknown;
             readonly circle?: boolean | undefined;
@@ -59,12 +60,12 @@ export declare const VftButton: 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;
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+            readonly bg?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly loadingIcon?: import("..").IconProps | undefined;
             readonly plain?: boolean | undefined;
-            readonly bg?: boolean | undefined;
             readonly autofocus?: boolean | undefined;
             readonly round?: boolean | undefined;
             readonly autoInsertSpace?: boolean | undefined;
@@ -81,7 +82,7 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "click", ...args: any[]) => void;
+        $emit: (event: "click", evt: MouseEvent) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             link: {
@@ -108,6 +109,9 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
             icon: {
                 type: import("vue").PropType<string | import("..").IconProps>;
             };
+            bg: {
+                type: import("vue").PropType<boolean>;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
@@ -128,9 +132,6 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
             plain: {
                 type: import("vue").PropType<boolean>;
             };
-            bg: {
-                type: import("vue").PropType<boolean>;
-            };
             autofocus: {
                 type: import("vue").PropType<boolean>;
             };
@@ -143,17 +144,29 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
             block: {
                 type: import("vue").PropType<boolean>;
             };
+            useThrottle: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            throttleTime: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
-            onClick?: ((...args: any[]) => any) | undefined;
+            onClick?: ((evt: MouseEvent) => any) | undefined;
         }, {
             ref: import("vue").Ref<HTMLButtonElement | undefined>;
             size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
             type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
             disabled: import("vue").ComputedRef<boolean>;
             shouldAddSpace: import("vue").ComputedRef<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (evt: MouseEvent) => void;
+        }, string, {
             tag: string | import("vue").Component;
             nativeType: "button" | "reset" | "submit";
+            useThrottle: boolean;
+            throttleTime: number;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -199,6 +212,9 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         icon: {
             type: import("vue").PropType<string | import("..").IconProps>;
         };
+        bg: {
+            type: import("vue").PropType<boolean>;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
         };
@@ -219,9 +235,6 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         plain: {
             type: import("vue").PropType<boolean>;
         };
-        bg: {
-            type: import("vue").PropType<boolean>;
-        };
         autofocus: {
             type: import("vue").PropType<boolean>;
         };
@@ -234,8 +247,16 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
         block: {
             type: import("vue").PropType<boolean>;
         };
+        useThrottle: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        throttleTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
+        onClick?: ((evt: MouseEvent) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         ref: import("vue").Ref<HTMLButtonElement | undefined>;
         size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
@@ -271,6 +292,9 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     icon: {
         type: import("vue").PropType<string | import("..").IconProps>;
     };
+    bg: {
+        type: import("vue").PropType<boolean>;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -291,9 +315,6 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     plain: {
         type: import("vue").PropType<boolean>;
     };
-    bg: {
-        type: import("vue").PropType<boolean>;
-    };
     autofocus: {
         type: import("vue").PropType<boolean>;
     };
@@ -306,17 +327,29 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
     block: {
         type: import("vue").PropType<boolean>;
     };
+    useThrottle: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    throttleTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
+    onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
     ref: import("vue").Ref<HTMLButtonElement | undefined>;
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
     type: import("vue").ComputedRef<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">;
     disabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => void;
+}, string, {
     tag: string | import("vue").Component;
     nativeType: "button" | "reset" | "submit";
+    useThrottle: boolean;
+    throttleTime: number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         loading?(_: {}): any;
@@ -554,8 +587,7 @@ export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<{
         default?(_: {}): any;
     };
 })>;
-export type { ButtonGroupProps, ButtonProps };
+export type { ButtonProps };
 export * from './constants';
-export type { ButtonGroupInstance, ButtonInstance } from './instance';
 export * from './types';
 export default VftButton;

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.d.ts

@@ -1,6 +1,5 @@
-import type { SetupContext } from 'vue';
 import type { ButtonProps } from './button.vue';
-export declare const useButton: (props: ButtonProps, emit: SetupContext['emit']) => {
+export declare const useButton: (props: ButtonProps, emit: any) => {
     _props: import("vue").ComputedRef<{
         ariaDisabled: boolean | undefined;
         disabled: boolean | undefined;