vft 0.0.47 → 0.0.50

package/lib/comp-resolver.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils");function m(t){return t.replace(/([A-Z])/g," $1").trim().split(" ").join("-").toLowerCase()}function i(t,e){const{importStyle:o,ssr:s}=e,r=e.compName+"/theme-style",n=e.compName+"/es/components";if(o==="sass")return s?[`${r}/src/base.scss`,`${r}/src/${t}.scss`]:[`${n}/base/style/index`,`${n}/${t}/style/index`];if(o===!0||o==="css")return s?[`${r}/base.css`,`${r}/el-${t}.css`]:[`${n}/base/style/css`,`${n}/${t}/style/css`]}function c(t,e){if(e.exclude&&t.match(e.exclude))return;const o=new RegExp(`^${l.upperFirst(e.compName)}[A-Z]`);if(!t.match(o))return;const s=m(t.slice(e.compName.length)),{ssr:r}=e;return{name:t,from:`${e.compName}/${r?"lib":"es"}`,sideEffects:i(s,e)}}function a(t,e){if(!e.directives)return;const s={Loading:{importName:"VftLoadingDirective",styleName:"loading"},Popover:{importName:"VftPopoverDirective",styleName:"popover"},InfiniteScroll:{importName:"VftInfiniteScroll",styleName:"infinite-scroll"}}[t];if(!s)return;const{ssr:r}=e;return{name:s.importName,from:`${e.compName}/${r?"lib":"es"}`,sideEffects:i(s.styleName,e)}}const u=["VftAutoResizer"];function f(t={}){let e;async function o(){return e||(e={compName:"vft",ssr:!1,importStyle:"css",directives:!0,exclude:void 0,noStylesComponents:t.noStylesComponents||[],...t},e)}return[{type:"component",resolve:async s=>{const r=await o();return[...r.noStylesComponents,...u].includes(s)?c(s,{...r,importStyle:!1}):c(s,r)}},{type:"directive",resolve:async s=>a(s,await o())}]}exports.CompResolver=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils");function m(t){return t.replace(/([A-Z])/g," $1").trim().split(" ").join("-").toLowerCase()}function i(t,e){const{importStyle:r,ssr:s}=e,o=e.compName+"/theme-style",n=e.compName+"/es/components";if(r==="sass")return s?[`${o}/src/base.scss`,`${o}/src/${t}.scss`]:[`${n}/base/style/index`,`${n}/${t}/style/index`];if(r===!0||r==="css")return s?[`${o}/base.css`,`${o}/el-${t}.css`]:[`${n}/base/style/css`,`${n}/${t}/style/css`]}function c(t,e){if(e.exclude&&t.match(e.exclude))return;const r=new RegExp(`^${l.upperFirst(e.compName)}[A-Z]`);if(!t.match(r))return;const s=m(t.slice(e.compName.length)),{ssr:o}=e;return{name:t,from:`${e.compName}/${o?"lib":"es"}`,sideEffects:i(s,e)}}function u(t,e){if(!e.directives)return;const s={Loading:{importName:"VftLoadingDirective",styleName:"loading"},Popover:{importName:"VftPopoverDirective",styleName:"popover"},InfiniteScroll:{importName:"VftInfiniteScroll",styleName:"infinite-scroll"}}[t];if(!s)return;const{ssr:o}=e;return{name:s.importName,from:`${e.compName}/${o?"lib":"es"}`,sideEffects:i(s.styleName,e)}}const f=["VftAutoResizer","VftOnlyChild","VftDropdownCollection","VftDropdownCollectionItem","VftDropdownItemImpl","VftFocusGroupCollection","VftRovingFocusItem","VftRovingFocusCollectionItem","VftRovingFocusGroup","VftRovingFocusGroupImpl"];function a(t={}){let e;async function r(){return e||(e={compName:"vft",ssr:!1,importStyle:"css",directives:!0,exclude:void 0,noStylesComponents:t.noStylesComponents||[],...t},e)}return[{type:"component",resolve:async s=>{const o=await r();return[...o.noStylesComponents,...f].includes(s)?c(s,{...o,importStyle:!1}):c(s,o)}},{type:"directive",resolve:async s=>u(s,await r())}]}exports.CompResolver=a;

package/lib/component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./components/divider/index.cjs"),i=require("./components/config-provider/index.cjs"),o=require("./components/icon/index.cjs"),u=require("./components/avatar/index.cjs"),d=require("./components/empty/index.cjs"),s=require("./components/result/index.cjs"),c=require("./components/tooltip/index.cjs"),f=require("./components/back-top/index.cjs"),V=require("./components/popover/index.cjs"),x=require("./components/popper/index.cjs"),q=require("./components/logo/index.cjs"),$=require("./components/icon-text/index.cjs"),a=require("./components/image/index.cjs"),l=require("./components/full-screen/index.cjs"),p=require("./components/input/index.cjs"),m=require("./components/link/index.cjs"),M=require("./components/tag/index.cjs"),g=require("./components/qrcode/index.cjs"),T=require("./components/overlay/index.cjs"),C=require("./components/side-menu/index.cjs"),b=require("./components/clamp/index.cjs"),v=require("./components/page-wrapper/index.cjs"),y=require("./components/clamp-toggle/index.cjs"),I=require("./components/router-view-content/index.cjs"),P=require("./components/iframe-layout/index.cjs"),S=require("./components/footer-layout/index.cjs"),D=require("./components/header-layout/index.cjs"),L=require("./components/pagination/index.cjs"),t=require("./components/tabs/index.cjs"),n=require("./components/descriptions/index.cjs"),k=require("./components/multiple-tabs/index.cjs"),E=require("./components/collapse-transition/index.cjs"),e=require("./components/menu/index.cjs"),h=require("./components/exception/index.cjs"),j=require("./components/search/index.cjs"),w=require("./components/md-comment/index.cjs"),A=require("./components/md-tabs/index.cjs"),B=require("./components/md-vue-playground/index.cjs"),F=require("./components/md-code-demo/index.cjs"),O=require("./components/md-code-tabs/index.cjs"),R=require("./components/md-container/index.cjs"),_=[R.VftMdContainer,O.VftMdCodeTabs,F.VftMdCodeDemo,B.VftMdVuePlayground,A.VftMdTabs,w.VftMdComment,j.VftSearch,v.VftPageWrapper,b.VftClamp,y.VftClampToggle,g.VftQrcode,T.VftOverlay,M.VftTag,C.VftSideMenu,L.VftPagination,m.VftLink,p.VftInput,a.VftImage,$.VftIconText,l.VftFullScreen,n.VftDescriptions,n.VftDescriptionsItem,i.VftConfigProvider,f.VftBackTop,I.VftRouterViewContent,P.VftIframeLayout,S.VftFooterLayout,D.VftHeaderLayout,q.VftLogo,k.VftMultipleTabs,e.VftMenu,e.VftMenuItem,e.VftMenuItemGroup,e.VftSubMenu,E.VftCollapseTransition,r.VftDivider,o.VftIcon,u.VftAvatar,d.VftEmpty,s.VftResult,t.VftTabs,t.VftTabPane,c.VftTooltip,V.VftPopover,x.VftPopper,h.VftException];exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./packages/components/divider/index.cjs"),f=require("./packages/components/config-provider/index.cjs"),s=require("./packages/components/icon/index.cjs"),V=require("./packages/components/avatar/index.cjs"),x=require("./packages/components/empty/index.cjs"),q=require("./packages/components/result/index.cjs"),$=require("./packages/components/tooltip/index.cjs"),a=require("./packages/components/back-top/index.cjs"),p=require("./packages/components/popover/index.cjs"),l=require("./packages/components/popper/index.cjs"),m=require("./packages/components/logo/index.cjs"),C=require("./packages/components/icon-text/index.cjs"),M=require("./packages/components/image/index.cjs"),b=require("./packages/components/full-screen/index.cjs"),T=require("./packages/components/input/index.cjs"),g=require("./packages/components/link/index.cjs"),I=require("./packages/components/tag/index.cjs"),P=require("./packages/components/qrcode/index.cjs"),y=require("./packages/components/overlay/index.cjs"),S=require("./packages/components/side-menu/index.cjs"),v=require("./packages/components/clamp/index.cjs"),D=require("./packages/components/page-wrapper/index.cjs"),k=require("./packages/components/clamp-toggle/index.cjs"),h=require("./packages/components/router-view-content/index.cjs"),w=require("./packages/components/iframe-layout/index.cjs"),B=require("./packages/components/footer-layout/index.cjs"),L=require("./packages/components/header-layout/index.cjs"),F=require("./packages/components/pagination/index.cjs"),i=require("./packages/components/tabs/index.cjs"),o=require("./packages/components/form/index.cjs"),u=require("./packages/components/descriptions/index.cjs"),G=require("./packages/components/multiple-tabs/index.cjs"),R=require("./packages/components/collapse-transition/index.cjs"),e=require("./packages/components/menu/index.cjs"),E=require("./packages/components/exception/index.cjs"),O=require("./packages/components/search/index.cjs"),d=require("./packages/components/button/index.cjs"),t=require("./packages/components/checkbox/index.cjs"),r=require("./packages/components/radio/index.cjs"),j=require("./packages/components/switch/index.cjs"),A=require("./packages/components/color-picker/index.cjs"),H=require("./packages/components/scrollbar/index.cjs"),n=require("./packages/components/dropdown/index.cjs"),_=require("./packages/components/select-v2/index.cjs"),z=require("./packages/components/verify-code/index.cjs"),J=require("./packages/components/table/index.cjs"),K=require("./packages/components/md-comment/index.cjs"),N=require("./packages/components/md-tabs/index.cjs"),Q=require("./packages/components/md-vue-playground/index.cjs"),W=require("./packages/components/md-code-demo/index.cjs"),U=require("./packages/components/md-code-tabs/index.cjs"),X=require("./packages/components/md-container/index.cjs"),Y=[X.VftMdContainer,U.VftMdCodeTabs,W.VftMdCodeDemo,Q.VftMdVuePlayground,N.VftMdTabs,K.VftMdComment,J.VftTable,z.VftVerifyCode,_.VftSelectV2,n.VftDropdownItem,n.VftDropdownMenu,n.VftDropdown,H.VftScrollbar,A.VftColorPicker,j.VftSwitch,r.VftRadioButton,r.VftRadio,r.VftRadioGroup,t.VftCheckboxGroup,t.VftCheckbox,t.VftCheckboxButton,d.VftButton,d.VftButtonGroup,o.VftForm,o.VftFormItem,O.VftSearch,D.VftPageWrapper,v.VftClamp,k.VftClampToggle,P.VftQrcode,y.VftOverlay,I.VftTag,S.VftSideMenu,F.VftPagination,g.VftLink,T.VftInput,M.VftImage,C.VftIconText,b.VftFullScreen,u.VftDescriptions,u.VftDescriptionsItem,f.VftConfigProvider,a.VftBackTop,h.VftRouterViewContent,w.VftIframeLayout,B.VftFooterLayout,L.VftHeaderLayout,m.VftLogo,G.VftMultipleTabs,e.VftMenu,e.VftMenuItem,e.VftMenuItemGroup,e.VftSubMenu,R.VftCollapseTransition,c.VftDivider,s.VftIcon,V.VftAvatar,x.VftEmpty,q.VftResult,i.VftTabs,i.VftTabPane,$.VftTooltip,p.VftPopover,l.VftPopper,E.VftException];exports.default=Y;

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

@@ -26,7 +26,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     fit: {
-        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -55,7 +55,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     fit: {
-        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {

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

@@ -24,7 +24,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     fit: {
-        type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "error"[], "error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -53,7 +53,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     fit: {
-        type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
+        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {

package/lib/components/back-top/back-top.vue.d.ts

@@ -1,5 +1,18 @@
 import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components';
+export interface BackTopProps {
+    /** 滚动高度达到此参数值才出现 */
+    visibilityHeight?: number;
+    /** 触发滚动的对象 */
+    target?: string;
+    /** 控制其显示位置，距离页面右边距 */
+    right?: number;
+    /** 控制其显示位置，距离页面底部距离 */
+    bottom?: number;
+    /** 滚动 icon dom  */
+    icon?: IconProps | string;
+    scrollTargetKey?: string;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     visibilityHeight: {
         type: __PropType<number | undefined>;
@@ -21,6 +34,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | IconProps | undefined>;
         required: false;
     };
+    scrollTargetKey: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     visibilityHeight: {
         type: __PropType<number | undefined>;
@@ -42,6 +59,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | IconProps | undefined>;
         required: false;
     };
+    scrollTargetKey: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {}>;

package/lib/components/back-top/index.d.ts

@@ -19,6 +19,10 @@ export declare const VftBackTop: import("vft/es/utils").SFCWithInstall<import("v
         type: import("vue").PropType<string | import("..").IconProps | undefined>;
         required: false;
     };
+    scrollTargetKey: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     visibilityHeight: {
         type: import("vue").PropType<number | undefined>;
@@ -40,8 +44,11 @@ export declare const VftBackTop: import("vft/es/utils").SFCWithInstall<import("v
         type: import("vue").PropType<string | import("..").IconProps | undefined>;
         required: false;
     };
+    scrollTargetKey: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftBackTop;
-export * from './types';

package/lib/components/back-top/use-back-top.d.ts

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

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

@@ -0,0 +1,4 @@
+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/lib/components/button/button-group.vue.d.ts

@@ -0,0 +1,23 @@
+import type { PropType as __PropType } from 'vue';
+import { ComponentSize } from '../types';
+import { type ButtonType } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: __PropType<ComponentSize>;
+        required: true;
+    };
+    type: {
+        type: __PropType<ButtonType>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: __PropType<ComponentSize>;
+        required: true;
+    };
+    type: {
+        type: __PropType<ButtonType>;
+        required: true;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/button/button.vue.d.ts

@@ -0,0 +1,189 @@
+import type { PropType as __PropType } from 'vue';
+import type { IconProps } from '../icon';
+import type { ComponentSize } from '../types';
+import type { ButtonType } from './types';
+export interface ButtonProps {
+    size?: ComponentSize;
+    disabled?: boolean;
+    type?: ButtonType;
+    icon?: IconProps | string;
+    nativeType?: 'button' | 'submit' | 'reset';
+    loading?: boolean;
+    loadingIcon?: IconProps;
+    plain?: boolean;
+    text?: boolean;
+    link?: boolean;
+    bg?: boolean;
+    autofocus?: boolean;
+    round?: boolean;
+    circle?: boolean;
+    color?: string;
+    dark?: boolean;
+    autoInsertSpace?: boolean;
+    block?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: __PropType<ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<ButtonType | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    nativeType: {
+        type: __PropType<"button" | "submit" | "reset" | undefined>;
+        required: false;
+        default: string;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    loadingIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    plain: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    text: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    link: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    bg: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    autofocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    round: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    circle: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    dark: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    autoInsertSpace: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    block: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /** @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" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
+    /** @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<{
+    size: {
+        type: __PropType<ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<ButtonType | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    nativeType: {
+        type: __PropType<"button" | "submit" | "reset" | undefined>;
+        required: false;
+        default: string;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    loadingIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    plain: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    text: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    link: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    bg: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    autofocus: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    round: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    circle: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    dark: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    autoInsertSpace: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    block: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    nativeType: "button" | "submit" | "reset" | undefined;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,7 @@
+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>;

package/lib/components/button/index.d.ts

@@ -0,0 +1,203 @@
+export declare const VftButton: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    nativeType: {
+        type: import("vue").PropType<"button" | "submit" | "reset" | undefined>;
+        required: false;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    loadingIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    plain: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    text: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    link: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    bg: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    round: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    circle: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    dark: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autoInsertSpace: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    block: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    ref: import("vue").Ref<HTMLButtonElement | undefined>;
+    size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
+    disabled: import("vue").ComputedRef<boolean>;
+    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<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    nativeType: {
+        type: import("vue").PropType<"button" | "submit" | "reset" | undefined>;
+        required: false;
+        default: string;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    loadingIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    plain: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    text: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    link: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    bg: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    round: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    circle: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    dark: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    autoInsertSpace: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    block: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    nativeType: "button" | "submit" | "reset" | undefined;
+}>> & {
+    ButtonGroup: import("vue").DefineComponent<{
+        size: {
+            type: import("vue").PropType<import("../types").ComponentSize>;
+            required: true;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").ButtonType>;
+            required: true;
+        };
+    }, {}, 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<import("../types").ComponentSize>;
+            required: true;
+        };
+        type: {
+            type: import("vue").PropType<import("./types").ButtonType>;
+            required: true;
+        };
+    }>>, {}>;
+};
+export declare const VftButtonGroup: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<import("../types").ComponentSize>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        required: true;
+    };
+}, {}, 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<import("../types").ComponentSize>;
+        required: true;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").ButtonType>;
+        required: true;
+    };
+}>>, {}>>;
+export default VftButton;
+export * from './button.vue';
+export * from './constants';
+export * from './types';
+export type { ButtonInstance, ButtonGroupInstance } from './instance';

package/lib/components/button/instance.d.ts

@@ -0,0 +1,4 @@
+import type Button from './button.vue';
+import type ButtonGroup from './button-group.vue';
+export type ButtonInstance = InstanceType<typeof Button>;
+export type ButtonGroupInstance = InstanceType<typeof ButtonGroup>;

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

@@ -0,0 +1,4 @@
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text' | '';
+export interface ButtonConfigContext {
+    autoInsertSpace?: boolean;
+}

package/lib/components/button/use-button.d.ts

@@ -0,0 +1,10 @@
+import type { SetupContext } from 'vue';
+import type { ButtonProps } from './button.vue';
+export declare const useButton: (props: ButtonProps, emit: SetupContext['emit']) => {
+    _disabled: import("vue").ComputedRef<boolean>;
+    _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+    _type: import("vue").ComputedRef<"" | "default" | "success" | "primary" | "warning" | "info" | "danger" | "text">;
+    _ref: import("vue").Ref<HTMLButtonElement | undefined>;
+    shouldAddSpace: import("vue").ComputedRef<boolean>;
+    handleClick: (evt: MouseEvent) => void;
+};