vft 0.0.50 → 0.0.51

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

@@ -102,7 +102,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -290,12 +290,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -308,11 +308,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -500,12 +500,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -514,7 +514,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -536,7 +536,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -724,12 +724,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;

package/lib/components/dropdown/dropdown.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),S=require("../button/index.cjs"),P=require("../tooltip/index.cjs"),j=require("../scrollbar/index.cjs"),G=require("../icon/index.cjs"),K=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/types.cjs");const f=require("../../constants/aria.cjs"),M=require("../slot/only-child.cjs");require("../form/index.cjs");const b=require("@vft/utils"),z=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const U=require("../../hooks/use-id/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const J=require("./tokens.cjs"),W=require("./types.cjs"),Y=require("../form/hooks/use-form-common-props.cjs"),{ButtonGroup:Q}=S.VftButton,X=t.defineComponent({name:"VftDropdown",components:{VftButton:S.VftButton,VftButtonGroup:Q,VftScrollbar:j.VftScrollbar,DropdownCollection:W.VftCollection,VftTooltip:P.VftTooltip,RovingFocusGroup:K.default,VftOnlyChild:M.OnlyChild,VftIcon:G.VftIcon},props:{trigger:Object,effect:{type:String,default:"light"},type:{type:String},placement:{type:String,default:"bottom"},popperOptions:{type:Object,default:()=>({})},id:String,size:{type:String,default:""},splitButton:Boolean,hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{type:Number,default:150},hideTimeout:{type:Number,default:150},tabindex:{type:[Number,String],default:0},maxHeight:{type:[Number,String],default:""},popperClass:{type:String,default:""},disabled:{type:Boolean,default:!1},role:{type:String,default:"menu"},buttonProps:{type:Object},teleported:String},emits:["visible-change","click","command"],setup(r,{emit:l}){const O=t.getCurrentInstance(),p=z.useNamespace("dropdown"),u=t.ref(),V=t.ref(),a=t.ref(null),i=t.ref(null),B=t.ref(null),s=t.ref(null),v=t.ref(!1),T=[f.EVENT_CODE.enter,f.EVENT_CODE.space,f.EVENT_CODE.down],$=t.computed(()=>({maxHeight:b.addUnit(r.maxHeight)})),w=t.computed(()=>[p.m(d.value)]),I=U.useId().value,h=t.computed(()=>r.id||I);t.watch([u,t.toRef(r,"trigger")],([e,o],[n])=>{var y,q,C;const H=b.isArray(o)?o:[o];(y=n==null?void 0:n.$el)!=null&&y.removeEventListener&&n.$el.removeEventListener("pointerenter",c),(q=e==null?void 0:e.$el)!=null&&q.removeEventListener&&e.$el.removeEventListener("pointerenter",c),(C=e==null?void 0:e.$el)!=null&&C.addEventListener&&H.includes("hover")&&e.$el.addEventListener("pointerenter",c)},{immediate:!0}),t.onBeforeUnmount(()=>{var e,o;(o=(e=u.value)==null?void 0:e.$el)!=null&&o.removeEventListener&&u.value.$el.removeEventListener("pointerenter",c)});function N(){m()}function m(){var e;(e=a.value)==null||e.onClose()}function k(){var e;(e=a.value)==null||e.onOpen()}const d=Y.useFormSize();function x(...e){l("command",...e)}function c(){var e,o;(o=(e=u.value)==null?void 0:e.$el)==null||o.focus()}function D(){}function _(){const e=t.unref(i);e==null||e.focus(),s.value=null}function L(e){s.value=e}function R(e){v.value||(e.preventDefault(),e.stopImmediatePropagation())}function E(){l("visible-change",!0)}function F(e){var o;(e==null?void 0:e.type)==="keydown"&&((o=i.value)==null||o.focus())}function A(){l("visible-change",!1)}return t.provide(J.DROPDOWN_INJECTION_KEY,{contentRef:i,role:t.computed(()=>r.role),triggerId:h,isUsingKeyboard:v,onItemEnter:D,onItemLeave:_}),t.provide("elDropdown",{instance:O,dropdownSize:d,handleClick:N,commandHandler:x,trigger:t.toRef(r,"trigger"),hideOnClick:t.toRef(r,"hideOnClick")}),{ns:p,scrollbar:B,wrapStyle:$,dropdownTriggerKls:w,dropdownSize:d,triggerId:h,triggerKeys:T,currentTabId:s,handleCurrentTabIdChange:L,handlerMainButtonClick:e=>{l("click",e)},handleEntryFocus:R,handleClose:m,handleOpen:k,handleBeforeShowTooltip:E,handleShowTooltip:F,handleBeforeHideTooltip:A,onFocusAfterTrapped:e=>{var o,n;e.preventDefault(),(n=(o=i.value)==null?void 0:o.focus)==null||n.call(o,{preventScroll:!0})},popperRef:a,contentRef:i,triggeringElementRef:u,referenceElementRef:V}}});exports.default=X;

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

@@ -102,7 +102,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -290,12 +290,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
@@ -308,11 +308,11 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "open" | "before-show" | "before-hide" | "show" | "hide" | "close", ...args: any[]) => void;
+        $emit: (event: "close" | "open" | "before-show" | "before-hide" | "show" | "hide", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -500,12 +500,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
                 required: false;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
         }, {
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -514,7 +514,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             onOpen: (event?: Event | undefined) => void;
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "before-show" | "before-hide" | "show" | "hide" | "close")[], string, {}, {}, string> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], string, {}, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -536,7 +536,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -724,12 +724,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
             required: false;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -878,7 +878,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<import("
         dropdownKls: import("vue").ComputedRef<string[]>;
         role: import("vue").ComputedRef<string>;
         triggerId: import("vue").ComputedRef<string>;
-        dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
+        dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
         handleKeydown: (e: KeyboardEvent) => void;
         onBlur: (e: Event) => void;
         onFocus: (e: FocusEvent) => void;
@@ -943,7 +943,7 @@ export declare const VftDropdownMenu: import("vft/es/utils").SFCWithInstall<impo
     dropdownKls: import("vue").ComputedRef<string[]>;
     role: import("vue").ComputedRef<string>;
     triggerId: import("vue").ComputedRef<string>;
-    dropdownListWrapperRef: (el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
+    dropdownListWrapperRef: (el: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | null) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     onBlur: (e: Event) => void;
     onFocus: (e: FocusEvent) => void;

package/lib/components/dropdown/useDropdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),T=require("@vft/utils"),n=require("../../constants/aria.cjs"),V=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 C=()=>{const o=r.inject("elDropdown",{}),t=r.computed(()=>o==null?void 0:o.dropdownSize);return{elDropdown:o,_elDropdownSize:t}},y=(o,t,i)=>{const O=V.useNamespace("dropdown"),s=r.ref(null),a=r.ref(null),c=r.ref(null),E=r.ref(`dropdown-menu-${T.buildShortUUID()}`);c.value=o==null?void 0:o.subTree.el;function f(){var e;t.setAttribute("tabindex","-1"),(e=a.value)==null||e.forEach(u=>{u.setAttribute("tabindex","-1")})}function p(e){f(),e==null||e.setAttribute("tabindex","0")}function x(e){const u=e.code;[n.EVENT_CODE.up,n.EVENT_CODE.down].includes(u)?(f(),p(s.value[0]),s.value[0].focus(),e.preventDefault(),e.stopPropagation()):u===n.EVENT_CODE.enter?i.handleClick():[n.EVENT_CODE.tab,n.EVENT_CODE.esc].includes(u)&&i.hide()}function q(e){const u=e.code,D=e.target,d=a.value.indexOf(D),v=a.value.length-1;let l;[n.EVENT_CODE.up,n.EVENT_CODE.down].includes(u)?(u===n.EVENT_CODE.up?l=d!==0?d-1:0:l=d<v?d+1:v,f(),p(s.value[l]),s.value[l].focus(),e.preventDefault(),e.stopPropagation()):u===n.EVENT_CODE.enter?(b(),D.click(),i.props.hideOnClick&&i.hide()):[n.EVENT_CODE.tab,n.EVENT_CODE.esc].includes(u)&&(i.hide(),b())}function A(){c.value.setAttribute("id",E.value),t.setAttribute("aria-haspopup","list"),t.setAttribute("aria-controls",E.value),i.props.splitButton||(t.setAttribute("role","button"),t.setAttribute("tabindex",i.props.tabindex),T.addClass(t,O.b("selfdefine")))}function N(){var e;t==null||t.addEventListener("keydown",x),(e=c.value)==null||e.addEventListener("keydown",q,!0)}function w(){s.value=c.value.querySelectorAll("[tabindex='-1']"),a.value=Array.from(s.value),N(),A()}function b(){t.focus()}w()};exports.initDropdownDomEvent=y;exports.useDropdown=C;

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

@@ -20,7 +20,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<ComponentSize | number[] | undefined>;
+        type: __PropType<number[] | ComponentSize | undefined>;
         required: false;
     };
     desc: {
@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     size: {
-        type: __PropType<ComponentSize | number[] | undefined>;
+        type: __PropType<number[] | ComponentSize | undefined>;
         required: false;
     };
     desc: {

package/lib/components/empty/empty.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const f=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const n=require("./constants.cjs"),p=require("./assets/no-collect.png.cjs"),E=require("./assets/no-data.png.cjs"),y=require("./assets/no-filter.png.cjs"),g=require("./assets/no-page-data.png.cjs"),q=require("./assets/no-search.png.cjs"),C=["src"],r=d.useNamespace("empty"),N=e.defineComponent({name:r.b()}),z=e.defineComponent({...N,props:{img:null,type:{default:n.EmptyEnum.NO_DATA},size:null,desc:null},setup(o){const a=e.getCurrentInstance(),t=new Map([[n.EmptyEnum.NO_COLLECT,{text:"暂无收藏记录",img:p.default}],[n.EmptyEnum.NO_PAGE_DATA,{text:"没有找到相关信息",size:300,img:g.default}],[n.EmptyEnum.NO_DATA,{text:"暂无数据",img:E.default}],[n.EmptyEnum.NO_FILTER,{text:"此筛选条件下无结果",img:y.default}],[n.EmptyEnum.NO_SEARCH,{text:"没有搜索结果",img:q.default}]]).get(o.type),m=e.computed(()=>o.img||(t==null?void 0:t.img)),c=e.computed(()=>l.renderTNode(a,"desc",{defaultNode:t==null?void 0:t.text})),s=f.getSizeType(o.size);return(u,T)=>{var i;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(s)?e.unref(r).m(e.unref(s)):""])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("image")),style:e.normalizeStyle(e.unref(s)?{}:e.unref(l.setSize)(((i=e.unref(t))==null?void 0:i.size)||o.size))},[u.$slots.img?e.renderSlot(u.$slots,"img",{key:0}):(e.openBlock(),e.createElementBlock("img",{key:1,src:e.unref(m),alt:""},null,8,C))],6),e.unref(c)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(r).e("desc"))},[e.createVNode(e.unref(l.VNode),{content:e.unref(c)},null,8,["content"])],2)):e.createCommentVNode("",!0),u.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(r).e("bottom"))},[e.renderSlot(u.$slots,"default")],2)):e.createCommentVNode("",!0)],2)}}});exports.default=z;

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

@@ -9,7 +9,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | number[] | undefined>;
+        type: import("vue").PropType<number[] | import("../types").ComponentSize | undefined>;
         required: false;
     };
     desc: {
@@ -26,7 +26,7 @@ export declare const VftEmpty: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
     size: {
-        type: import("vue").PropType<import("../types").ComponentSize | number[] | undefined>;
+        type: import("vue").PropType<number[] | import("../types").ComponentSize | undefined>;
         required: false;
     };
     desc: {

package/lib/components/focus-trap/focus-trap.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./focus-trap.vue2.cjs"),t=require("vue"),u=require("../../_virtual/_plugin-vue_export-helper.cjs");function o(e,s,l,a,d,c){return t.renderSlot(e.$slots,"default",{handleKeydown:e.onKeydown})}const n=u.default(r.default,[["render",o]]);exports.default=n;

package/lib/components/footer-layout/footer-layout.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vft/utils"),o=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 r=o.useNamespace("footer-layout"),a=e.defineComponent({name:r.b()}),i=e.defineComponent({...a,props:{leftDistance:null},setup(n){const s=e.computed(()=>l.generateCssVars(l.isNullOrUndefined(n.leftDistance)?{}:{left:l.addUnit(n.leftDistance)},"layout-footer"));return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b()),style:e.normalizeStyle(e.unref(s))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.renderSlot(t.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("center"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(t.$slots,"right")],2)],6))}});exports.default=i;

package/lib/components/form/form-item.vue.d.ts

@@ -9,7 +9,7 @@ export interface FormItemProps {
     rules?: FormItemRule;
     error?: string;
     for?: string;
-    validateStatus?: string;
+    validateStatus?: '' | 'error' | 'validating' | 'success';
     inlineMessage?: string | boolean;
     showMessage?: boolean;
     size?: ComponentSize;
@@ -46,7 +46,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -120,7 +120,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     validateStatus: {
-        type: __PropType<string | undefined>;
+        type: __PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

package/lib/components/form/form-item.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),ee=require("async-validator"),h=require("lodash"),re=require("@vueuse/core"),v=require("@vft/utils");require("../../utils/ns-cover.cjs");const I=require("../../utils/objects.cjs"),te=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const se=require("../../hooks/use-id/index.cjs");require("@vue/reactivity");require("@vue/shared");const ie=require("./hooks/use-form-common-props.cjs"),z=require("./constants.cjs"),le=require("./form-label-wrap.cjs"),ne=["role","aria-labelledby"],u=te.useNamespace("form-item"),ue=e.defineComponent({name:u.b()}),ae=e.defineComponent({...ue,props:{label:null,labelWidth:{default:""},prop:null,required:{type:Boolean,default:void 0},rules:null,error:null,for:null,validateStatus:null,inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:null},setup(j,{expose:A}){const i=j,F=e.useSlots(),r=e.inject(z.formContextKey,void 0),D=e.inject(z.formItemContextKey,void 0),g=ie.useFormSize(void 0,{formItem:!1}),y=se.useId().value,o=e.ref([]),d=e.ref(""),E=re.refDebounced(d,100),c=e.ref(""),M=e.ref();let N,m=!1;const P=e.computed(()=>{if((r==null?void 0:r.labelPosition)==="top")return{};const t=v.addUnit(i.labelWidth||(r==null?void 0:r.labelWidth)||"");return t?{width:t}:{}}),L=e.computed(()=>{if((r==null?void 0:r.labelPosition)==="top"||r!=null&&r.inline)return{};if(!i.label&&!i.labelWidth&&O)return{};const t=v.addUnit(i.labelWidth||(r==null?void 0:r.labelWidth)||"");return!i.label&&!F.label?{marginLeft:t}:{}}),T=e.computed(()=>[u.b(),u.m(g.value),u.is("error",d.value==="error"),u.is("validating",d.value==="validating"),u.is("success",d.value==="success"),u.is("required",Q.value||i.required),u.is("no-asterisk",r==null?void 0:r.hideRequiredAsterisk),(r==null?void 0:r.requireAsteriskPosition)==="right"?"asterisk-right":"asterisk-left",{[u.m("feedback")]:r==null?void 0:r.statusIcon}]),K=e.computed(()=>v.isBoolean(i.inlineMessage)?i.inlineMessage:(r==null?void 0:r.inlineMessage)||!1),U=e.computed(()=>[u.e("error"),{[u.em("error","inline")]:K.value}]),G=e.computed(()=>i.prop?v.isString(i.prop)?i.prop:i.prop.join("."):""),q=e.computed(()=>!!(i.label||F.label)),b=e.computed(()=>i.for||o.value.length===1?o.value[0]:void 0),S=e.computed(()=>!b.value&&q.value),O=!!D,R=e.computed(()=>{const t=r==null?void 0:r.model;if(!(!t||!i.prop))return I.getProp(t,i.prop).value}),_=e.computed(()=>{const{required:t}=i,s=[];i.rules&&s.push(...h.castArray(i.rules));const l=r==null?void 0:r.rules;if(l&&i.prop){const n=I.getProp(l,i.prop).value;n&&s.push(...h.castArray(n))}if(t!==void 0){const n=s.map((a,f)=>[a,f]).filter(([a])=>Object.keys(a).includes("required"));if(n.length>0)for(const[a,f]of n)a.required!==t&&(s[f]={...a,required:t});else s.push({required:t})}return s}),H=e.computed(()=>_.value.length>0),J=t=>_.value.filter(l=>!l.trigger||!t?!0:Array.isArray(l.trigger)?l.trigger.includes(t):l.trigger===t).map(({trigger:l,...n})=>n),Q=e.computed(()=>_.value.some(t=>t.required)),X=e.computed(()=>E.value==="error"&&i.showMessage&&((r==null?void 0:r.showMessage)??!0)),W=e.computed(()=>`${i.label||""}${(r==null?void 0:r.labelSuffix)||""}`),p=t=>{d.value=t},Y=t=>{var n;const{errors:s,fields:l}=t;(!s||!l)&&console.error(t),p("error"),c.value=s?((n=s==null?void 0:s[0])==null?void 0:n.message)??`${i.prop} is required`:"",r==null||r.emit("validate",i.prop,!1,c.value)},Z=()=>{p("success"),r==null||r.emit("validate",i.prop,!0,"")},k=async t=>{const s=G.value;return new ee({[s]:t}).validate({[s]:R.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(n=>(Y(n),Promise.reject(n)))},B=async(t,s)=>{if(m||!i.prop)return!1;const l=v.isFunction(s);if(!H.value)return s==null||s(!1),!1;const n=J(t);return n.length===0?(s==null||s(!0),!0):(p("validating"),k(n).then(()=>(s==null||s(!0),!0)).catch(a=>{const{fields:f}=a;return s==null||s(!1,f),l?!1:Promise.reject(f)}))},V=()=>{p(""),c.value="",m=!1},$=async()=>{const t=r==null?void 0:r.model;if(!t||!i.prop)return;const s=I.getProp(t,i.prop);m=!0,s.value=h.clone(N),await e.nextTick(),V(),m=!1},C=t=>{o.value.includes(t)||o.value.push(t)},x=t=>{o.value=o.value.filter(s=>s!==t)};e.watch(()=>i.error,t=>{c.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>i.validateStatus,t=>p(t||""));const w=e.reactive({...e.toRefs(i),$el:M,size:g,validateState:d,labelId:y,inputIds:o,isGroup:S,hasLabel:q,addInputId:C,removeInputId:x,resetField:$,clearValidate:V,validate:B});return e.provide(z.formItemContextKey,w),e.onMounted(()=>{i.prop&&(r==null||r.addField(w),N=h.clone(R.value))}),e.onBeforeUnmount(()=>{r==null||r.removeField(w)}),A({size:g,validateMessage:c,validateState:d,validate:B,clearValidate:V,resetField:$}),(t,s)=>{var l;return e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:M,class:e.normalizeClass(e.unref(T)),role:e.unref(S)?"group":void 0,"aria-labelledby":e.unref(S)?e.unref(y):void 0},[e.createVNode(e.unref(le.default),{"is-auto-width":e.unref(P).width==="auto","update-all":((l=e.unref(r))==null?void 0:l.labelWidth)==="auto"},{default:e.withCtx(()=>[e.unref(q)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)?"label":"div"),{key:0,id:e.unref(y),for:e.unref(b),class:e.normalizeClass(e.unref(u).e("label")),style:e.normalizeStyle(e.unref(P))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:e.unref(W)},()=>[e.createTextVNode(e.toDisplayString(e.unref(W)),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u).e("content")),style:e.normalizeStyle(e.unref(L))},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(u).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[e.unref(X)?e.renderSlot(t.$slots,"error",{key:0,error:c.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(U))},e.toDisplayString(c.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ne)}}});exports.default=ae;

package/lib/components/form/form-label-wrap.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@vueuse/core");require("@vft/utils");const w=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const N=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const b=require("./constants.cjs"),p="VftLabelWrap",M=e.defineComponent({name:p,props:{isAutoWidth:Boolean,updateAll:Boolean},setup(d,{slots:i}){const r=e.inject(b.formContextKey,void 0),n=e.inject(b.formItemContextKey);n||w.throwError(p,"usage: <vft-form-item><label-wrap /></vft-form-item>");const v=N.useNamespace("form"),u=e.ref(),l=e.ref(0),W=()=>{var t;if((t=u.value)!=null&&t.firstElementChild){const a=window.getComputedStyle(u.value.firstElementChild).width;return Math.ceil(Number.parseFloat(a))}else return 0},s=(t="update")=>{e.nextTick(()=>{i.default&&d.isAutoWidth&&(t==="update"?l.value=W():t==="remove"&&(r==null||r.deregisterLabelWidth(l.value)))})},o=()=>s("update");return e.onMounted(()=>{o()}),e.onBeforeUnmount(()=>{s("remove")}),e.onUpdated(()=>o()),e.watch(l,(t,a)=>{d.updateAll&&(r==null||r.registerLabelWidth(t,a))}),L.useResizeObserver(e.computed(()=>{var t;return((t=u.value)==null?void 0:t.firstElementChild)??null}),o),()=>{var a,f;if(!i)return null;const{isAutoWidth:t}=d;if(t){const c=r==null?void 0:r.autoLabelWidth,g=n==null?void 0:n.hasLabel,h={};if(g&&c&&c!=="auto"){const m=Math.max(0,Number.parseInt(c,10)-l.value),q=r.labelPosition==="left"?"marginRight":"marginLeft";m&&(h[q]=`${m}px`)}return e.createVNode("div",{ref:u,class:[v.be("item","label-wrap")],style:h},[(a=i.default)==null?void 0:a.call(i)])}else return e.createVNode(e.Fragment,{ref:u},[(f=i.default)==null?void 0:f.call(i)])}}});exports.default=M;

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

@@ -37,11 +37,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"left" | "right" | undefined>;
+        type: __PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -119,11 +119,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     labelPosition: {
-        type: __PropType<"left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: __PropType<"left" | "right" | undefined>;
+        type: __PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {

package/lib/components/form/form.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),E=require("@vft/utils"),d=require("../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const O=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const S=require("./hooks/use-form-common-props.cjs"),V=require("./constants.cjs"),u=require("./utils.cjs"),l=O.useNamespace("form"),W=r.defineComponent({name:l.b()}),j=r.defineComponent({...W,props:{size:null,disabled:{type:Boolean},model:null,rules:null,labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean}},emits:["validate"],setup(n,{expose:q,emit:v}){const s=[],p=S.useFormSize(),y=r.computed(()=>[l.b(),l.m(p.value||"default"),{[l.m(`label-${n.labelPosition}`)]:n.labelPosition,[l.m("inline")]:n.inline}]),g=e=>{s.push(e)},b=e=>{e.prop&&s.splice(s.indexOf(e),1)},c=(e=[])=>{if(!n.model){d.debugWarn(l.b(),"model is required for resetFields to work.");return}u.filterFields(s,e).forEach(t=>t.resetField())},m=(e=[])=>{u.filterFields(s,e).forEach(t=>t.clearValidate())},B=r.computed(()=>{const e=!!n.model;return e||d.debugWarn(l.b(),"model is required for validate to work."),e}),w=e=>{if(s.length===0)return[];const t=u.filterFields(s,e);return t.length?t:(d.debugWarn(l.b(),"please pass correct props!"),[])},h=async e=>f(void 0,e),C=async(e=[])=>{if(!B.value)return!1;const t=w(e);if(t.length===0)return!0;let i={};for(const o of t)try{await o.validate("")}catch(a){i={...i,...a}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{const i=!E.isFunction(t);try{const o=await C(e);return o===!0&&(t==null||t(o)),o}catch(o){if(o instanceof Error)throw o;const a=o;return n.scrollToError&&F(Object.keys(a)[0]),t==null||t(!1,a),i&&Promise.reject(a)}},F=e=>{var i;const t=u.filterFields(s,e)[0];t&&((i=t.$el)==null||i.scrollIntoView())};r.watch(()=>n.rules,()=>{n.validateOnRuleChange&&h().catch(e=>d.debugWarn(e))},{deep:!0});const P=r.getCurrentInstance();return r.provide(V.formContextKey,r.reactive({...P.props,emit:v,resetFields:c,clearValidate:m,validateField:f,addField:g,removeField:b,...u.useFormLabelWidth()})),q({validate:h,validateField:f,resetFields:c,clearValidate:m,scrollToField:F}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{class:r.normalizeClass(r.unref(y))},[r.renderSlot(e.$slots,"default")],2))}});exports.default=j;

package/lib/components/form/hooks/use-form-common-props.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const n=require("../../../hooks/use-prop/index.cjs"),q=require("../../../hooks/use-size/index.cjs");require("@vue/reactivity");require("@vue/shared");const u=require("../constants.cjs"),c=(r,s={})=>{const i=e.ref(void 0),l=s.prop?i:n.useProp("size"),a=s.global?i:q.useGlobalSize(),o=s.form?{size:void 0}:e.inject(u.formContextKey,void 0),t=s.formItem?{size:void 0}:e.inject(u.formItemContextKey,void 0);return e.computed(()=>l.value||e.unref(r)||(t==null?void 0:t.size)||(o==null?void 0:o.size)||a.value||"")},d=r=>{const s=n.useProp("disabled"),i=e.inject(u.formContextKey,void 0);return e.computed(()=>s.value||e.unref(r)||(i==null?void 0:i.disabled)||!1)},b=c,m=d;exports.useDisabled=m;exports.useFormDisabled=d;exports.useFormSize=c;exports.useSize=b;

package/lib/components/form/hooks/use-form-item.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue");require("../../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");const o=require("../../../hooks/use-id/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const l=require("../constants.cjs"),y=()=>{const c=r.inject(l.formContextKey,void 0),u=r.inject(l.formItemContextKey,void 0);return{form:c,formItem:u}},F=(c,{formItemContext:u,disableIdGeneration:q,disableIdManagement:i})=>{q||(q=r.ref(!1)),i||(i=r.ref(!1));const e=r.ref();let d;const n=r.computed(()=>{var v;return!!(!c.label&&u&&u.inputIds&&((v=u.inputIds)==null?void 0:v.length)<=1)});return r.onMounted(()=>{d=r.watch([r.toRef(c,"id"),q],([v,p])=>{const s=v??(p?void 0:o.useId().value);s!==e.value&&(u!=null&&u.removeInputId&&(e.value&&u.removeInputId(e.value),!(i!=null&&i.value)&&!p&&s&&u.addInputId(s)),e.value=s)},{immediate:!0})}),r.onUnmounted(()=>{d&&d(),u!=null&&u.removeInputId&&e.value&&u.removeInputId(e.value)}),{isLabeledByFormItem:n,inputId:e}};exports.useFormItem=y;exports.useFormItemInputId=F;

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

@@ -18,11 +18,11 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"left" | "right" | undefined>;
+        type: import("vue").PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -85,11 +85,11 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "right" | "left" | undefined>;
         required: false;
     };
     requireAsteriskPosition: {
-        type: import("vue").PropType<"left" | "right" | undefined>;
+        type: import("vue").PropType<"right" | "left" | undefined>;
         required: false;
     };
     labelWidth: {
@@ -163,7 +163,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -219,7 +219,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         validateStatus: {
-            type: import("vue").PropType<string | undefined>;
+            type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
             required: false;
         };
         inlineMessage: {
@@ -276,7 +276,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {
@@ -332,7 +332,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<import("
         required: false;
     };
     validateStatus: {
-        type: import("vue").PropType<string | undefined>;
+        type: import("vue").PropType<"" | "error" | "validating" | "success" | undefined>;
         required: false;
     };
     inlineMessage: {

package/lib/components/full-screen/full-screen.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/use"),t=require("../icon/index.cjs"),c=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 i=c.useNamespace("full-screen"),l=e.defineComponent({name:i.b()}),a=e.defineComponent({...l,setup(f){const{toggle:r,isFullscreen:n}=s.useFullscreen();return(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i).b(),"cursor-pointer"]),onClick:u[0]||(u[0]=(...o)=>e.unref(r)&&e.unref(r)(...o))},[e.createVNode(e.unref(t.VftIcon),{icon:e.unref(n)?"ico-radix-icons:exit-full-screen":"ico-radix-icons:enter-full-screen"},null,8,["icon"]),e.createElementVNode("span",null,e.toDisplayString(e.unref(n)?"退出全屏":"全屏"),1)],2))}});exports.default=a;

package/lib/components/header-layout/header-layout.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=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("../logo/index.cjs"),r=n.useNamespace("header-layout"),u=e.defineComponent({name:r.b()}),a=e.defineComponent({...u,props:{logoCfg:null},setup(t){const l=e.computed(()=>[r.b(),{[`${r.m("fixed")}`]:!0}]);return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("top"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.createVNode(e.unref(s.VftLogo),e.normalizeProps(e.guardReactiveProps(t.logoCfg)),null,16),e.renderSlot(o.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(o.$slots,"default")],2)],2),e.renderSlot(o.$slots,"bottom")],2))}});exports.default=a;

package/lib/components/icon/icon.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils"),u=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");require("../config-provider/index.cjs");const a=require("../config-provider/hooks/use-global-config.cjs"),d=["src"],o=u.useNamespace("icon"),f=e.defineComponent({name:o.b()}),m=e.defineComponent({...f,props:{icon:null,size:{default:14},color:null,rotate:{type:Boolean},rotateSpeed:{default:2},cursor:{type:Boolean},scale:null},setup(t){const l=a.useGlobalConfig(),i=e.computed(()=>({color:t.color,fontSize:t.size?s.addUnit(t.size):"14px",animation:t.rotate?`${l.value.namespace}-rotate ${t.rotateSpeed}s linear 0s infinite`:void 0,cursor:t.cursor?"pointer":void 0,transform:t.scale?`scale(${t.scale})`:void 0})),r=n=>n==null?void 0:n.includes("/"),c=e.computed(()=>r(t.icon));return(n,q)=>e.unref(c)?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(o).e("image")),src:t.icon,alt:""},null,10,d)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([t.icon]),style:e.normalizeStyle(e.unref(i))},null,6))}});exports.default=m;

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils");require("lodash");require("@vueuse/core");const d=require("../../utils/ns-cover.cjs"),c=require("../icon/index.cjs"),m=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const i=m.useNamespace("icon-text"),f=e.defineComponent({name:i.b()}),v=e.defineComponent({...f,props:{text:null,icon:null,color:{default:"#434343"},hoverColor:null,distance:null,reverse:{type:Boolean},size:null},emits:["click"],setup(t,{emit:u}){const s=e.computed(()=>t.hoverColor?t.hoverColor:t.color),r=e.computed(()=>n.singleAttrToObj(t.icon,"icon",{size:t.size,color:t.color})),o=e.computed(()=>t.reverse?{marginLeft:n.addUnit(t.distance)}:{marginRight:n.addUnit(t.distance)}),a=e.computed(()=>d.generateCssVars({"hover-color":s.value,color:t.color,fontSize:n.addUnit(t.size)},"icon-text"));return(y,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(i).b()),onClick:l[0]||(l[0]=C=>u("click")),style:e.normalizeStyle(e.unref(a))},[t.reverse?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:0},e.unref(r),{style:e.unref(o)}),null,16,["style"])),e.createTextVNode(" "+e.toDisplayString(t.text)+" ",1),t.reverse?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),e.mergeProps({key:1},e.unref(r),{style:e.unref(o)}),null,16,["style"])):e.createCommentVNode("",!0)],6))}});exports.default=v;

package/lib/components/iframe-layout/iframe-layout.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=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 c=require("./iframe-page.vue2.cjs"),l=require("vue-router"),s=o.useNamespace("iframe-layout"),i=e.defineComponent({name:s.b()}),f=e.defineComponent({...i,props:{iframePages:null},setup(u){const n=l.useRouter();function a(t){return t.fullPath===e.unref(n.currentRoute).fullPath}return(t,m)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(c.default,{key:0,frameSrc:r.meta.frameSrc},null,8,["frameSrc"])),[[e.vShow,a(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=f;

package/lib/components/iframe-layout/iframe-page.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=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 t=["src"],r=n.useNamespace("iframe-page"),s=e.defineComponent({name:r.b()}),i=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(u){return(c,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:u.frameSrc},null,10,t))}});exports.default=i;

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

@@ -1,5 +1,19 @@
 import type { PropType as __PropType } from 'vue';
 import type { ImgFitType } from './types';
+export interface ImageProps {
+    hideOnClickModal?: boolean;
+    src?: string;
+    fit?: ImgFitType;
+    loading?: 'eager' | 'lazy';
+    lazy?: boolean;
+    scrollContainer?: string | HTMLElement;
+    previewSrcList?: string[];
+    previewTeleported?: boolean;
+    zIndex?: number;
+    initialIndex?: number;
+    infinite?: boolean;
+    closeOnPressEscape?: boolean;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     hideOnClickModal: {
         type: __PropType<boolean | undefined>;
@@ -49,7 +63,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "error" | "load" | "switch")[], "show" | "close" | "error" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "show" | "error" | "load")[], "close" | "switch" | "show" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -99,10 +113,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onShow?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/lib/components/image/image.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vueuse/core"),A=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const f=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const O=require("@vft/use"),$=require("../image-viewer/index.cjs"),H=["src","loading"],P={key:0},o=A.useNamespace("image"),F=e.defineComponent({inheritAttrs:!1,name:o.b()}),j=e.defineComponent({...F,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:null,lazy:{type:Boolean},scrollContainer:null,previewSrcList:{default:[]},previewTeleported:{type:Boolean,default:!1},zIndex:null,initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(t,{emit:s}){let C="";const B=e.useAttrs(),S=O.useAttrs(),v=e.ref(),a=e.ref(!1),i=e.ref(!0),m=e.ref(!1),u=e.ref(),n=e.ref(),E=r.isClient&&"loading"in HTMLImageElement.prototype;let c,d;const q=e.computed(()=>B.style),V=e.computed(()=>r.isClient&&t.fit?{objectFit:t.fit}:{}),y=e.computed(()=>Array.isArray(t.previewSrcList)&&t.previewSrcList.length>0),I=e.computed(()=>{let l=t.initialIndex;return t.initialIndex>t.previewSrcList.length-1&&(l=0),l}),h=e.computed(()=>t.loading==="eager"?!1:!E&&t.loading==="lazy"||t.lazy),w=()=>{r.isClient&&(i.value=!0,a.value=!1,v.value=t.src)};function x(l){i.value=!1,a.value=!1,s("load",l)}function N(l){i.value=!1,a.value=!0,s("error",l)}function g(){f.isInContainer(u.value,n.value)&&(w(),z())}const k=r.useThrottleFn(g,200);async function L(){r.isClient&&(await e.nextTick(),f.isElement(t.scrollContainer)?n.value=t.scrollContainer:f.isString(t.scrollContainer)&&t.scrollContainer!==""?n.value=document.querySelector(t.scrollContainer)??void 0:u.value&&(n.value=f.getScrollContainer(u.value)),n.value&&(c=r.useEventListener(n,"scroll",k),setTimeout(()=>g(),100)))}function z(){!r.isClient||!n.value||!k||(c==null||c(),n.value=void 0)}function b(l){if(l.ctrlKey){if(l.deltaY<0)return l.preventDefault(),!1;if(l.deltaY>0)return l.preventDefault(),!1}}function p(){y.value&&(d=r.useEventListener("wheel",b,{passive:!1}),C=document.body.style.overflow,document.body.style.overflow="hidden",m.value=!0,s("show"))}function M(){d==null||d(),document.body.style.overflow=C,m.value=!1,s("close")}function T(l){s("switch",l)}return e.watch(()=>t.src,()=>{h.value?(i.value=!0,a.value=!1,z(),L()):w()}),e.onMounted(()=>{h.value?L():w()}),(l,D)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(o).b(),l.$attrs.class]),style:e.normalizeStyle(e.unref(q))},[v.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(S),{src:v.value,loading:t.loading,style:e.unref(V),class:[e.unref(o).e("inner"),e.unref(y)&&e.unref(o).e("preview"),i.value&&e.unref(o).is("loading")],onClick:p,onLoad:x,onError:N,alt:""}),null,16,H)):e.createCommentVNode("",!0),i.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("wrapper"))},[i.value?e.renderSlot(l.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("placeholder"))},null,2)]):a.value?e.renderSlot(l.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.unref(y)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[m.value?(e.openBlock(),e.createBlock(e.unref($.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":e.unref(I),infinite:t.infinite,"zoom-rate":l.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:M,onSwitch:T},{default:e.withCtx(()=>[l.$slots.viewer?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(l.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=j;

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

@@ -47,7 +47,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "close" | "error" | "load" | "switch")[], "show" | "close" | "error" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "show" | "error" | "load")[], "close" | "switch" | "show" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -97,11 +97,12 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue
         required: false;
     };
 }>> & {
-    onShow?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftImage;
 export * from './types';
+export { type ImageProps } from './image.vue';

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

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

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

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

package/lib/components/image-viewer/image-viewer.vue.cjs

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