vft 0.0.239 → 0.0.241

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

@@ -7,13 +7,15 @@ interface AvatarProps {
     alt?: string;
     fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<AvatarProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AvatarProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AvatarProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<AvatarProps>>> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, 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/avatar/avatar.vue2.js

@@ -1,15 +1,15 @@
-import { defineComponent as z, ref as h, computed as i, watch as p, createElementBlock as k, openBlock as s, normalizeStyle as y, normalizeClass as g, createBlock as l, renderSlot as B, unref as c, normalizeProps as E, mergeProps as S } from "vue";
-import { isString as b, isNumber as C, addUnit as V, singleAttrToObj as I } from "@vft/utils";
-import { VftIcon as L } from "../icon/index.js";
-import { VftImage as N } from "../image/index.js";
+import { defineComponent as v, ref as z, computed as i, watch as h, createElementBlock as p, openBlock as s, normalizeStyle as k, normalizeClass as y, createBlock as n, renderSlot as g, unref as l, normalizeProps as B, mergeProps as E } from "vue";
+import { isString as S, isNumber as b, addUnit as C, singleAttrToObj as V } from "@vft/utils";
+import { VftIcon as I } from "../icon/index.js";
+import { VftImage as L } from "../image/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as P } from "../../hooks/use-namespace/index.js";
+import { useNamespace as N } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const J = /* @__PURE__ */ z({
+const H = /* @__PURE__ */ v({
   __name: "avatar",
   props: {
     size: { default: "" },
@@ -20,37 +20,34 @@ const J = /* @__PURE__ */ z({
     fit: { default: "cover" }
   },
   emits: ["error"],
-  setup(r, { emit: m }) {
-    const u = m, t = P("avatar"), a = h(!1), f = i(() => {
+  setup(r, { emit: c }) {
+    const m = c, t = N("avatar"), a = z(!1), u = i(() => {
       const e = [t.b()];
-      return b(r.size) && e.push(t.m(r.size)), !r.src && r.icon && e.push(t.m("icon")), r.shape && e.push(t.m(r.shape)), e;
-    }), d = i(() => C(r.size) ? t.cssVarBlock({
-      size: V(r.size) || ""
-    }) : void 0), o = i(() => I(r.icon, "icon", { size: r.size }));
-    p(
+      return S(r.size) && e.push(t.m(r.size)), !r.src && r.icon && e.push(t.m("icon")), r.shape && e.push(t.m(r.shape)), e;
+    }), f = i(() => b(r.size) ? t.cssVarBlock({
+      size: C(r.size) || ""
+    }) : void 0), o = i(() => V(r.icon, "icon", { size: r.size }));
+    h(
       () => r.src,
       () => a.value = !1
     );
-    function v(e) {
-      a.value = !0, u("error", e);
+    function d(e) {
+      a.value = !0, m("error", e);
     }
-    return (e, j) => {
-      var n;
-      return s(), k("span", {
-        class: g(f.value),
-        style: y(d.value)
-      }, [
-        e.src && !a.value ? (s(), l(c(N), {
-          key: 0,
-          src: e.src,
-          alt: e.alt,
-          fit: e.fit,
-          onError: v
-        }, null, 8, ["src", "alt", "fit"])) : (n = o.value) != null && n.icon ? (s(), l(c(L), E(S({ key: 1 }, o.value)), null, 16)) : B(e.$slots, "default", { key: 2 })
-      ], 6);
-    };
+    return (e, P) => (s(), p("span", {
+      class: y(u.value),
+      style: k(f.value)
+    }, [
+      e.src && !a.value ? (s(), n(l(L), {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        fit: e.fit,
+        onError: d
+      }, null, 8, ["src", "alt", "fit"])) : o.value?.icon ? (s(), n(l(I), B(E({ key: 1 }, o.value)), null, 16)) : g(e.$slots, "default", { key: 2 })
+    ], 6));
   }
 });
 export {
-  J as default
+  H as default
 };

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

@@ -1,5 +1,5 @@
 export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<number | "default" | "small" | "large">;
         };
@@ -7,7 +7,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"circle" | "square">;
         };
         icon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         src: {
             type: import("vue").PropType<string>;
@@ -18,32 +18,11 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
         fit: {
             type: import("vue").PropType<"fill" | "contain" | "none" | "cover" | "scale-down">;
         };
-    }>> & {
+    }>> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         error: (...args: any[]) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<number | "default" | "small" | "large">;
-        };
-        shape: {
-            type: import("vue").PropType<"circle" | "square">;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        src: {
-            type: import("vue").PropType<string>;
-        };
-        alt: {
-            type: import("vue").PropType<string>;
-        };
-        fit: {
-            type: import("vue").PropType<"fill" | "contain" | "none" | "cover" | "scale-down">;
-        };
-    }>> & {
-        onError?: ((...args: any[]) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -58,7 +37,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<"circle" | "square">;
         };
         icon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         src: {
             type: import("vue").PropType<string>;
@@ -69,12 +48,12 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
         fit: {
             type: import("vue").PropType<"fill" | "contain" | "none" | "cover" | "scale-down">;
         };
-    }>> & {
+    }>> & Readonly<{
         onError?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: import("vue").PropType<number | "default" | "small" | "large">;
@@ -83,7 +62,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<"circle" | "square">;
     };
     icon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     src: {
         type: import("vue").PropType<string>;
@@ -94,11 +73,11 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<{
     fit: {
         type: import("vue").PropType<"fill" | "contain" | "none" | "cover" | "scale-down">;
     };
-}>> & {
+}>> & Readonly<{
     onError?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (...args: any[]) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -13,13 +13,15 @@ export interface BackTopProps {
     /** 滚动 target 的唯一 key 值，此值变化时，会重新获取 target */
     scrollTargetKey?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<BackTopProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BackTopProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BackTopProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<BackTopProps>>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, 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/backtop/backtop.vue2.js

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

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

@@ -1,5 +1,5 @@
 export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         visibilityHeight: {
             type: import("vue").PropType<number>;
         };
@@ -13,37 +13,16 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         icon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         scrollTargetKey: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         click: (...args: any[]) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        visibilityHeight: {
-            type: import("vue").PropType<number>;
-        };
-        target: {
-            type: import("vue").PropType<string>;
-        };
-        right: {
-            type: import("vue").PropType<number>;
-        };
-        bottom: {
-            type: import("vue").PropType<number>;
-        };
-        icon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
-        };
-        scrollTargetKey: {
-            type: import("vue").PropType<string>;
-        };
-    }>> & {
-        onClick?: ((...args: any[]) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -64,17 +43,17 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
         };
         icon: {
-            type: import("vue").PropType<string | import("..").IconProps>;
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         };
         scrollTargetKey: {
             type: import("vue").PropType<string>;
         };
-    }>> & {
+    }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     visibilityHeight: {
         type: import("vue").PropType<number>;
@@ -89,16 +68,16 @@ export declare const VftBacktop: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
     };
     icon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     scrollTargetKey: {
         type: import("vue").PropType<string>;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1,5 +1,5 @@
 import { type BackTopProps } from './backtop.vue';
 export declare const useBackTop: (props: BackTopProps, emit: Function, componentName: string) => {
-    visible: import("vue").Ref<boolean>;
+    visible: import("vue").Ref<boolean, boolean>;
     handleClick: (event: MouseEvent) => void;
 };

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

@@ -1,36 +1,36 @@
 import { useThrottleFn as m, useEventListener as d, useTimeoutFn as T } from "@vueuse/core";
-import { shallowRef as u, ref as g, onMounted as b, watch as y } from "vue";
+import { shallowRef as n, ref as g, onMounted as b, watch as y } from "vue";
 import "./backtop.vue2.js";
-const x = (t, c, r) => {
-  const e = u(), o = u(), i = g(!1), a = () => {
+const x = (t, u, c) => {
+  const e = n(), o = n(), r = g(!1), a = () => {
     e.value && e.value.scrollTo({ left: 0, top: 0, behavior: "smooth" });
   }, s = () => {
-    e.value && (i.value = e.value.scrollTop >= t.visibilityHeight);
+    e.value && (r.value = e.value.scrollTop >= t.visibilityHeight);
   }, v = (l) => {
-    a(), c("click", l);
+    a(), u("click", l);
   }, f = m(s, 300, !0);
   d(o, "scroll", f), b(() => {
     o.value = document, e.value = document.documentElement, t.target && T(() => {
-      n(t.target);
+      i(t.target);
     }, 40);
   }), y(
-    [() => t == null ? void 0 : t.scrollTargetKey, () => t.target],
+    [() => t?.scrollTargetKey, () => t.target],
     (l, h) => {
-      (l[0] !== h[0] || l[1]) && n(t.target);
+      (l[0] !== h[0] || l[1]) && i(t.target);
     },
     {
       flush: "post"
     }
   );
-  function n(l) {
+  function i(l) {
     if (e.value = document.querySelector(l) ?? void 0, !e.value) {
-      console.error(r, `target does not exist: ${l}`);
+      console.error(c, `target does not exist: ${l}`);
       return;
     }
-    e.value && (i.value = e.value.scrollTop >= t.visibilityHeight), o.value = e.value;
+    e.value && (r.value = e.value.scrollTop >= t.visibilityHeight), o.value = e.value;
   }
   return {
-    visible: i,
+    visible: r,
     handleClick: v
   };
 };

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

@@ -1,7 +1,9 @@
 import { type ButtonGroupProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ButtonGroupProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ButtonGroupProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ButtonGroupProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ButtonGroupProps>>> & 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/button/button.vue.d.ts

@@ -46,35 +46,37 @@ export interface ButtonProps {
     /** 节流时间 */
     throttleTime?: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+declare function __VLS_template(): {
+    loading?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
     nativeType: string;
     tag: string;
     useThrottle: boolean;
     throttleTime: number;
-}>, {
-    ref: import("vue").Ref<HTMLButtonElement | undefined>;
+}>>, {
+    ref: import("vue").Ref<HTMLButtonElement | undefined, 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, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
     nativeType: string;
     tag: string;
     useThrottle: boolean;
     throttleTime: number;
-}>>> & {
+}>>> & Readonly<{
     onClick?: ((evt: MouseEvent) => any) | undefined;
-}, {
+}>, {
     tag: string | Component;
-    nativeType: "button" | "reset" | "submit";
+    nativeType: "button" | "submit" | "reset";
     useThrottle: boolean;
     throttleTime: number;
-}, {}>, {
-    loading?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, 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/button/button.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as g, computed as I, createBlock as a, openBlock as l, resolveDynamicComponent as _, mergeProps as d, unref as e, withCtx as A, createElementBlock as y, createCommentVNode as f, Fragment as N, renderSlot as k, normalizeClass as B, normalizeProps as P } from "vue";
-import { singleAttrToObj as V } from "@vft/utils";
-import { VftIcon as b } from "../icon/index.js";
+import { defineComponent as b, computed as $, createBlock as a, openBlock as l, resolveDynamicComponent as I, mergeProps as c, unref as e, withCtx as _, createElementBlock as d, createCommentVNode as y, Fragment as A, renderSlot as f, normalizeClass as k, normalizeProps as N } 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-es";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useButtonCustomStyle as w } from "./button-custom.js";
-import { useButton as D } from "./use-button.js";
-const E = g({
+import { useButtonCustomStyle as j } from "./button-custom.js";
+import { useButton as w } from "./use-button.js";
+const D = b({
   name: "vft-button"
-}), X = /* @__PURE__ */ g({
-  ...E,
+}), W = /* @__PURE__ */ b({
+  ...D,
   props: {
     tag: { default: "button" },
     size: {},
@@ -38,18 +38,18 @@ const E = g({
     throttleTime: { default: 300 }
   },
   emits: ["click"],
-  setup(C, { expose: h, emit: v }) {
-    const n = C, z = v, o = j("button"), S = w(n), { _ref: s, _size: i, _type: r, _disabled: p, _props: T, shouldAddSpace: u, handleClick: $ } = D(n, z), m = I(() => V(n.icon, "icon"));
-    return h({
+  setup(g, { expose: C, emit: h }) {
+    const n = g, v = h, o = V("button"), z = j(n), { _ref: s, _size: i, _type: r, _disabled: p, _props: S, shouldAddSpace: u, handleClick: T } = w(n, v), m = $(() => P(n.icon, "icon"));
+    return C({
       ref: s,
       size: i,
       type: r,
       disabled: p,
       shouldAddSpace: u
-    }), (t, F) => (l(), a(_(t.tag), d({
+    }), (t, E) => (l(), a(I(t.tag), c({
       ref_key: "_ref",
       ref: s
-    }, e(T), {
+    }, e(S), {
       class: [
         e(o).b(),
         e(o).m(e(r)),
@@ -64,32 +64,29 @@ const E = g({
         e(o).is("has-bg", t.bg),
         e(o).is("block", t.block)
       ],
-      style: e(S),
-      onClick: e($)
+      style: e(z),
+      onClick: e(T)
     }), {
-      default: A(() => {
-        var c;
-        return [
-          t.loading ? (l(), y(N, { key: 0 }, [
-            t.$slots.loading ? k(t.$slots, "loading", { key: 0 }) : (l(), a(e(b), {
-              key: 1,
-              rotate: "",
-              class: B(e(o).is("loading")),
-              icon: "icon-loading"
-            }, null, 8, ["class"]))
-          ], 64)) : (c = m.value) != null && c.icon ? (l(), a(e(b), P(d({ key: 1 }, m.value)), null, 16)) : f("", !0),
-          t.$slots.default ? (l(), y("span", {
-            key: 2,
-            class: B({ [e(o).em("text", "expand")]: e(u) })
-          }, [
-            k(t.$slots, "default")
-          ], 2)) : f("", !0)
-        ];
-      }),
+      default: _(() => [
+        t.loading ? (l(), d(A, { key: 0 }, [
+          t.$slots.loading ? f(t.$slots, "loading", { key: 0 }) : (l(), a(e(B), {
+            key: 1,
+            rotate: "",
+            class: k(e(o).is("loading")),
+            icon: "icon-loading"
+          }, null, 8, ["class"]))
+        ], 64)) : m.value?.icon ? (l(), a(e(B), N(c({ key: 1 }, m.value)), null, 16)) : y("", !0),
+        t.$slots.default ? (l(), d("span", {
+          key: 2,
+          class: k({ [e(o).em("text", "expand")]: e(u) })
+        }, [
+          f(t.$slots, "default")
+        ], 2)) : y("", !0)
+      ]),
       _: 3
     }, 16, ["class", "style", "onClick"]));
   }
 });
 export {
-  X as default
+  W as default
 };