vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,102 @@
+import type { PropType as __PropType } from 'vue';
+import { alertEffects, type TypeComponents } from './types';
+export interface AlertProps {
+    /**
+     * @description alert title.
+     */
+    title?: string;
+    description?: string;
+    /**
+     * @description alert type.
+     */
+    type?: TypeComponents;
+    /**
+     * @description whether alert can be dismissed.
+     */
+    closable?: boolean;
+    /**
+     * @description text for replacing x button
+     */
+    closeText?: string;
+    /**
+     * @description whether show icon
+     */
+    showIcon?: boolean;
+    /**
+     * @description should content be placed in center.
+     */
+    center?: boolean;
+    effect?: alertEffects;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<alertEffects | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<alertEffects | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/alert/alert.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../icon/index.cjs"),f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const n=f.useNamespace("alert"),m=e.defineComponent({name:n.b()}),k=e.defineComponent({...m,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:t=>t instanceof MouseEvent},setup(t,{emit:a}){const l=e.useSlots(),c=e.ref(!0),s=e.computed(()=>t.type),u=e.computed(()=>[n.e("icon"),{[n.is("big")]:!!t.description||!!l.default}]),d=e.computed(()=>({[n.is("bold")]:t.description||l.default})),r=o=>{c.value=!1,a("close",o)};return(o,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(n).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(t.type),e.unref(n).is("center",t.center),e.unref(n).is(t.effect)]),role:"alert"},[t.showIcon&&e.unref(s)?(e.openBlock(),e.createBlock(e.unref(i.VftIcon),{key:0,class:e.normalizeClass(e.unref(u)),icon:e.unref(s)},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[t.title||o.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n).e("title"),e.unref(d)])},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),o.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(n).e("description"))},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n).e("close-btn"),e.unref(n).is("customed")]),onClick:r},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(i.VftIcon),{key:1,class:e.normalizeClass(e.unref(n).e("close-btn")),onClick:r,icon:o.CloseIcon},null,8,["class","icon"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,c.value]])]),_:3},8,["name"]))}});exports.default=k;

package/lib/components/alert/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const t=require("./alert.vue2.cjs"),e=r.withInstall(t.default);exports.WflyAlert=e;exports.default=e;

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

@@ -0,0 +1,73 @@
+export * from './types';
+export declare const WflyAlert: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<import("./types").alertEffects | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    description: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<import("./types").TypeComponents | undefined>;
+        required: false;
+    };
+    closable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    showIcon: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    center: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<import("./types").alertEffects | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((evt: MouseEvent) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default WflyAlert;

package/lib/components/alert/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/wfly-alert.css");

package/lib/components/alert/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/alert.scss");

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

@@ -0,0 +1,4 @@
+import type Alert from './alert.vue';
+export type AlertInstance = InstanceType<typeof Alert>;
+export type alertEffects = 'light' | 'dark';
+export type TypeComponents = 'success' | 'warning' | 'error' | 'info';

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

@@ -2,7 +2,7 @@ import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components/icon';
 declare const _sfc_main: import("vue").DefineComponent<{
     size: {
-        type: __PropType<number | "large" | "small" | "default" | undefined>;
+        type: __PropType<number | "default" | "small" | "large" | undefined>;
         required: false;
     };
     shape: {
@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     icon: {
-        type: __PropType<IconProps | undefined>;
+        type: __PropType<string | IconProps | undefined>;
         required: false;
     };
     src: {
@@ -21,17 +21,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: __PropType<string | undefined>;
-        required: false;
-    };
     fit: {
-        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"fill" | "none" | "contain" | "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<{
     size: {
-        type: __PropType<number | "large" | "small" | "default" | undefined>;
+        type: __PropType<number | "default" | "small" | "large" | undefined>;
         required: false;
     };
     shape: {
@@ -39,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     icon: {
-        type: __PropType<IconProps | undefined>;
+        type: __PropType<string | IconProps | undefined>;
         required: false;
     };
     src: {
@@ -50,12 +46,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: __PropType<string | undefined>;
-        required: false;
-    };
     fit: {
-        type: __PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
+        type: __PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {

package/lib/components/avatar/avatar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),f=require("../icon/index.cjs"),d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const m=["src","alt","srcset"],h=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:null,src:null,alt:null,srcSet:null,fit:{default:"cover"}},emits:["error"],setup(t,{emit:n}){const s=d.useNamespace("avatar"),c=e.ref(!1),a=e.computed(()=>{const r=[s.b()];return l.isString(t.size)&&r.push(s.m(t.size)),t.icon&&r.push(s.m("icon")),t.shape&&r.push(s.m(t.shape)),r}),i=e.computed(()=>l.isNumber(t.size)?s.cssVarBlock({size:l.addUnit(t.size)||""}):void 0),u=e.computed(()=>({objectFit:t.fit}));e.watch(()=>t.src,()=>c.value=!1);function o(r){c.value=!0,n("error",r)}return(r,v)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a)),style:e.normalizeStyle(e.unref(i))},[(t.src||t.srcSet)&&!c.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.src,alt:t.alt,srcset:t.srcSet,style:e.normalizeStyle(e.unref(u)),onError:o},null,44,m)):t.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),{key:1})):e.renderSlot(r.$slots,"default",{key:2})],6))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/utils"),d=require("../icon/index.cjs"),m=require("../image/index.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const z=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:null,src:null,alt:null,fit:{default:"cover"}},emits:["error"],setup(r,{emit:u}){console.log(r.src);const n=q.useNamespace("avatar"),c=e.ref(!1),a=e.computed(()=>{const t=[n.b()];return i.isString(r.size)&&t.push(n.m(r.size)),!r.src&&r.icon&&t.push(n.m("icon")),r.shape&&t.push(n.m(r.shape)),t}),o=e.computed(()=>i.isNumber(r.size)?n.cssVarBlock({size:i.addUnit(r.size)||""}):void 0);e.computed(()=>({objectFit:r.fit}));const l=e.computed(()=>i.singleAttrToObj(r.icon,"icon",{size:r.size}));e.watch(()=>r.src,()=>c.value=!1);function f(t){console.log(11),c.value=!0,u("error",t)}return(t,v)=>{var s;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a)),style:e.normalizeStyle(e.unref(o))},[r.src&&!c.value?(e.openBlock(),e.createBlock(e.unref(m.VftImage),{key:0,src:r.src,alt:r.alt,fit:r.fit,onError:f},null,8,["src","alt","fit"])):(s=e.unref(l))!=null&&s.icon?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.normalizeProps(e.mergeProps({key:1},e.unref(l))),null,16)):e.renderSlot(t.$slots,"default",{key:2})],6)}}});exports.default=z;

package/lib/components/avatar/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("./avatar.vue2.cjs"),e=t.withInstall(r.default);exports.VftAvatar=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const t=require("./avatar.vue2.cjs"),e=r.withInstall(t.default);exports.VftAvatar=e;exports.default=e;

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

@@ -1,6 +1,6 @@
 export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
+        type: import("vue").PropType<number | "default" | "small" | "large" | undefined>;
         required: false;
     };
     shape: {
@@ -8,7 +8,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps | undefined>;
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
         required: false;
     };
     src: {
@@ -19,17 +19,13 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
-    };
     fit: {
-        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
+        type: import("vue").PropType<"fill" | "none" | "contain" | "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<{
     size: {
-        type: import("vue").PropType<number | "large" | "small" | "default" | undefined>;
+        type: import("vue").PropType<number | "default" | "small" | "large" | undefined>;
         required: false;
     };
     shape: {
@@ -37,7 +33,7 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     icon: {
-        type: import("vue").PropType<import("..").IconProps | undefined>;
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
         required: false;
     };
     src: {
@@ -48,12 +44,8 @@ export declare const VftAvatar: import("vft/es/utils").SFCWithInstall<import("vu
         type: import("vue").PropType<string | undefined>;
         required: false;
     };
-    srcSet: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
-    };
     fit: {
-        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down" | undefined>;
+        type: import("vue").PropType<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined>;
         required: false;
     };
 }>> & {

package/lib/components/avatar/style/css.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-avatar.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-image-viewer.css");require("vft/theme-style/vft-image.css");require("vft/theme-style/vft-avatar.css");

package/lib/components/avatar/style/index.cjs

@@ -1 +1 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/avatar.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/image-viewer.scss");require("vft/theme-style/src/image.scss");require("vft/theme-style/src/avatar.scss");

package/lib/components/back-top/back-top.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");const p=require("./use-back-top.cjs"),i=m.useNamespace("back-top"),k=e.defineComponent({name:i.b()}),b=e.defineComponent({...k,props:{visibilityHeight:{default:200},target:null,right:{default:40},bottom:{default:40},icon:{default:"ico-bx:arrow-to-top"},scrollTargetKey:null},emits:["click"],setup(u,{emit:q}){const c=e.getCurrentInstance(),{handleClick:t,visible:l}=p.useBackTop(c.props,q,i.b()),s=e.computed(()=>({right:`${u.right}px`,bottom:`${u.bottom}px`})),n=e.computed(()=>d.singleAttrToObj(u.icon,"icon",{size:25}));return(a,o)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(i).namespace}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(e.unref(s)),class:e.normalizeClass(e.unref(i).b()),onClick:o[0]||(o[0]=e.withModifiers((...r)=>e.unref(t)&&e.unref(t)(...r),["stop"]))},[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=e.unref(n))!=null&&r.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(n))),null,16)):e.createCommentVNode("",!0)]})],6)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../divider/index.cjs");const f=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("./index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const p=require("./use-back-top.cjs"),i=m.useNamespace("back-top"),k=e.defineComponent({name:i.b()}),b=e.defineComponent({...k,props:{visibilityHeight:{default:200},target:null,right:{default:40},bottom:{default:40},icon:{default:"ico-bx:arrow-to-top"},scrollTargetKey:null},emits:["click"],setup(u,{emit:o}){const c=e.getCurrentInstance(),{handleClick:t,visible:l}=p.useBackTop(c.props,o,i.b()),s=e.computed(()=>({right:`${u.right}px`,bottom:`${u.bottom}px`})),q=e.computed(()=>d.singleAttrToObj(u.icon,"icon",{size:25}));return(a,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(i).namespace}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(e.unref(s)),class:e.normalizeClass(e.unref(i).b()),onClick:n[0]||(n[0]=e.withModifiers((...r)=>e.unref(t)&&e.unref(t)(...r),["stop"]))},[e.renderSlot(a.$slots,"default",{},()=>{var r;return[(r=e.unref(q))!=null&&r.icon?(e.openBlock(),e.createBlock(e.unref(f.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(q))),null,16)):e.createCommentVNode("",!0)]})],6)):e.createCommentVNode("",!0)]),_:3},8,["name"]))}});exports.default=b;

package/lib/components/back-top/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const r=require("./back-top.vue2.cjs"),e=t.withInstall(r.default);exports.VftBackTop=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const t=require("./back-top.vue2.cjs"),e=r.withInstall(t.default);exports.VftBackTop=e;exports.default=e;

package/lib/components/back-top/use-back-top.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vft/utils");const o=require("vue"),T=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const i=require("@vueuse/core"),g=(t,n,a)=>{const e=o.shallowRef(),r=o.shallowRef(),u=o.ref(!1),s=()=>{e.value&&e.value.scrollTo({left:0,top:0,behavior:"smooth"})},v=()=>{e.value&&(u.value=e.value.scrollTop>=t.visibilityHeight)},f=l=>{s(),n("click",l)},h=i.useThrottleFn(v,300,!0);i.useEventListener(r,"scroll",h),o.onMounted(()=>{r.value=document,e.value=document.documentElement,t.target&&i.useTimeoutFn(()=>{c(t.target)},10)}),o.watch([()=>t==null?void 0:t.scrollTargetKey,()=>t.target],(l,d)=>{(l[0]!==d[0]||l[1])&&c(t.target)},{flush:"post"});function c(l){e.value=document.querySelector(l)??void 0,e.value||T.throwError(a,`target does not exist: ${l}`),e.value&&(u.value=e.value.scrollTop>=t.visibilityHeight),r.value=e.value}return{visible:u,handleClick:f}};exports.useBackTop=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vft/utils");const o=require("vue"),T=require("../../utils/error.cjs");require("lodash");const i=require("@vueuse/core");require("../../utils/ns-cover.cjs");const g=(t,n,a)=>{const e=o.shallowRef(),r=o.shallowRef(),u=o.ref(!1),s=()=>{e.value&&e.value.scrollTo({left:0,top:0,behavior:"smooth"})},v=()=>{e.value&&(u.value=e.value.scrollTop>=t.visibilityHeight)},f=l=>{s(),n("click",l)},h=i.useThrottleFn(v,300,!0);i.useEventListener(r,"scroll",h),o.onMounted(()=>{r.value=document,e.value=document.documentElement,t.target&&i.useTimeoutFn(()=>{c(t.target)},10)}),o.watch([()=>t==null?void 0:t.scrollTargetKey,()=>t.target],(l,d)=>{(l[0]!==d[0]||l[1])&&c(t.target)},{flush:"post"});function c(l){e.value=document.querySelector(l)??void 0,e.value||T.throwError(a,`target does not exist: ${l}`),e.value&&(u.value=e.value.scrollTop>=t.visibilityHeight),r.value=e.value}return{visible:u,handleClick:f}};exports.useBackTop=g;

package/lib/components/button/button-custom.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),b=require("@ctrl/tinycolor"),g=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../form/index.cjs");const v=require("../form/hooks/use-form-common-props.cjs");function c(o,a=20){return o.mix("#141414",a).toString()}function k(o){const a=v.useFormDisabled(),e=g.useNamespace("button");return u.computed(()=>{let t={};const l=o.color;if(l){const r=new b.TinyColor(l),i=o.dark?r.tint(20).toString():c(r,20);if(o.plain)t=e.cssVarBlock({"bg-color":o.dark?c(r,90):r.tint(90).toString(),"text-color":l,"border-color":o.dark?c(r,50):r.tint(50).toString(),"hover-text-color":`var(${e.cssVarName("color-white")})`,"hover-bg-color":l,"hover-border-color":l,"active-bg-color":i,"active-text-color":`var(${e.cssVarName("color-white")})`,"active-border-color":i}),a.value&&(t[e.cssVarBlockName("disabled-bg-color")]=o.dark?c(r,90):r.tint(90).toString(),t[e.cssVarBlockName("disabled-text-color")]=o.dark?c(r,50):r.tint(50).toString(),t[e.cssVarBlockName("disabled-border-color")]=o.dark?c(r,80):r.tint(80).toString());else{const s=o.dark?c(r,30):r.tint(30).toString(),n=r.isDark()?`var(${e.cssVarName("color-white")})`:`var(${e.cssVarName("color-black")})`;if(t=e.cssVarBlock({"bg-color":l,"text-color":n,"border-color":l,"hover-bg-color":s,"hover-text-color":n,"hover-border-color":s,"active-bg-color":i,"active-border-color":i}),a.value){const d=o.dark?c(r,50):r.tint(50).toString();t[e.cssVarBlockName("disabled-bg-color")]=d,t[e.cssVarBlockName("disabled-text-color")]=o.dark?"rgba(255, 255, 255, 0.5)":`var(${e.cssVarName("color-white")})`,t[e.cssVarBlockName("disabled-border-color")]=d}}}return t})}exports.darken=c;exports.useButtonCustomStyle=k;

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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./button-group.vue2.cjs");exports.default=e.default;

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-group.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const s=require("./constants.cjs"),i=e.defineComponent({name:"VtfButtonGroup"}),l=e.defineComponent({...i,props:{size:null,type:null},setup(t){const r=t;e.provide(s.buttonGroupContextKey,e.reactive({size:e.toRef(r,"size"),type:e.toRef(r,"type")}));const o=u.useNamespace("button");return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(o).b("group")}`)},[e.renderSlot(n.$slots,"default")],2))}});exports.default=l;

package/lib/components/button/button.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./button.vue2.cjs");exports.default=e.default;

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/button.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("../icon/index.cjs"),p=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const q=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const C=require("./use-button.cjs"),S=require("./button-custom.cjs"),z=["aria-disabled","disabled","autofocus","type"],n=p.useNamespace("button"),v=e.defineComponent({name:n.b()}),$=e.defineComponent({...v,props:{size:null,disabled:{type:Boolean},type:null,icon:null,nativeType:{default:"button"},loading:{type:Boolean},loadingIcon:null,plain:{type:Boolean},text:{type:Boolean},link:{type:Boolean},bg:{type:Boolean},autofocus:{type:Boolean},round:{type:Boolean},circle:{type:Boolean},color:null,dark:{type:Boolean},autoInsertSpace:{type:Boolean},block:{type:Boolean}},emits:["click"],setup(o,{expose:k,emit:B}){const u=o,r=e.computed(()=>q.singleAttrToObj(u.icon,"icon")),b=S.useButtonCustomStyle(u),{_ref:i,_size:a,_type:s,_disabled:t,shouldAddSpace:c,handleClick:d}=C.useButton(u,B);return k({ref:i,size:a,type:s,disabled:t,shouldAddSpace:c}),(l,f)=>{var y;return e.openBlock(),e.createElementBlock("button",{ref_key:"_ref",ref:i,class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(e.unref(s)),e.unref(n).m(e.unref(a)),e.unref(n).is("disabled",e.unref(t)),e.unref(n).is("loading",o.loading),e.unref(n).is("plain",o.plain),e.unref(n).is("round",o.round),e.unref(n).is("circle",o.circle),e.unref(n).is("text",o.text),e.unref(n).is("link",o.link),e.unref(n).is("has-bg",o.bg),e.unref(n).is("block",o.block)]),"aria-disabled":e.unref(t)||o.loading,disabled:e.unref(t)||o.loading,autofocus:o.autofocus,type:o.nativeType,style:e.normalizeStyle(e.unref(b)),onClick:f[0]||(f[0]=(...g)=>e.unref(d)&&e.unref(d)(...g))},[o.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.$slots.loading?e.renderSlot(l.$slots,"loading",{key:0}):(e.openBlock(),e.createBlock(e.unref(m.VftIcon),{key:1,rotate:"",class:e.normalizeClass(e.unref(n).is("loading")),icon:"ico-ep:loading"},null,8,["class"]))],64)):(y=e.unref(r))!=null&&y.icon?(e.openBlock(),e.createBlock(e.unref(m.VftIcon),e.normalizeProps(e.mergeProps({key:1},e.unref(r))),null,16)):e.createCommentVNode("",!0),l.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass({[e.unref(n).em("text","expand")]:e.unref(c)})},[e.renderSlot(l.$slots,"default")],2)):e.createCommentVNode("",!0)],14,z)}}});exports.default=$;

package/lib/components/button/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol("buttonGroupContextKey");exports.buttonGroupContextKey=t;