vft 0.0.145 → 0.0.146

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

@@ -1,6 +1,6 @@
 export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -26,6 +26,9 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+    };
 }, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
@@ -48,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     }) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -74,6 +77,9 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+    };
 }>> & {
     onSelect?: ((menuItem: import("./types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {

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

@@ -1,4 +1,5 @@
 import type { NavigationFailure } from 'vue-router';
+import { type SubMenuProps } from './sub-menu.vue';
 import type { MenuItemClicked } from './types';
 export interface MenuProps {
     /** 菜单展示模式 */
@@ -19,10 +20,11 @@ export interface MenuProps {
     collapseTransition?: boolean;
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
+    horizontalMenuProps?: Partial<SubMenuProps>;
 }
 declare const _default: import("vue").DefineComponent<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -48,6 +50,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<SubMenuProps>>;
+    };
 }, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
@@ -70,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -96,6 +101,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<SubMenuProps>>;
+    };
 }>> & {
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {

package/lib/components/menu/menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),C=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),B=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),p=B.useNamespace("menu"),_=n.defineComponent({name:p.b()}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:P,emit:m}){const x=n.useSlots(),h=n.getCurrentInstance(),I=h.appContext.config.globalProperties.$router,i=n.ref(),O=B.useNamespace("sub-menu"),f=n.ref(-1),s=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),a=n.ref(u.defaultActive),r=n.ref({}),M=n.ref({}),R=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=a.value&&r.value[a.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&g(l,o.indexPath)})},g=(e,t,l)=>{s.value.includes(e)||(u.uniqueOpened&&(s.value=s.value.filter(o=>t.includes(o))),s.value.push(e),m("open",{index:e,indexPath:t,e:l}))},y=(e,t,l)=>{const o=s.value.indexOf(e);o!==-1&&s.value.splice(o,1),m("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l})=>{s.value.includes(t)?y(t,l,e):g(t,l,e),m("sub-menu-click",{e,index:t,indexPath:l})},W=e=>{(u.mode==="horizontal"||u.collapse)&&(s.value=[]);const{index:t,indexPath:l}=e;if(!(C.isNullOrUndefined(t)||C.isNullOrUndefined(l))){if(u.router&&I){const o=e.route||t,v=I.push(o).then(c=>(c||(a.value=t),c));m("select",e,v)}else a.value=t,m("select",e);C.isMobile()&&setTimeout(()=>{s.value=[]},100)}},V=e=>{const t=r.value,l=t[e]||a.value&&t[a.value]||t[u.defaultActive];l?a.value=l.index:a.value=e},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.childNodes)??[]).filter(q=>q.nodeName!=="#text"||q.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),v=i.value.clientWidth-l-o;let c=0,b=0;return e.forEach((q,G)=>{c+=q.offsetWidth||0,c<=v-t&&(b=G+1)}),b===e.length?-1:b},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let T=!0;const N=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};T?e():D(e)(),T=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(a.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(s.value=[])}),n.watch(r.value,A);let S;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?S=J.useResizeObserver(i,N).stop:S==null||S()});const k=e=>{M.value[e.index]=e},w=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},z=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:h.props,openedMenus:s,items:r,subMenus:M,activeIndex:a,isMenuPopup:R,inSubMenu:z,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:k,removeSubMenu:w,openMenu:g,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:k,removeSubMenu:w,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),P({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>g(l,t))},close:y,handleResize:N,menu:i,inSubMenu:z}),()=>{var v;let e=((v=x.default)==null?void 0:v.call(x))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),b=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=b,t.push(n.h(X.default,{index:"sub-menu-more",class:O.e("hide-arrow")},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:O.e("icon-more")}),default:()=>d})))}const l=Y.useMenuCssVar(h.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[p.b()]:!0,[p.m(u.mode)]:!0,[p.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),C=require("@vft/utils"),H=require("../icon/index.cjs"),J=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash");const K=require("../../utils/vue/vnode.cjs"),w=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Q=require("./menu-collapse-transition.vue.cjs"),X=require("./sub-menu.vue2.cjs"),Y=require("./use-menu-css-var.cjs"),Z=require("./utils/menu-bar.cjs"),p=w.useNamespace("menu"),_=n.defineComponent({name:p.b()}),ee=n.defineComponent({..._,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},horizontalMenuProps:{}},emits:["update:collapse","sub-menu-click","select","close","open"],setup(u,{expose:B,emit:m}){const x=n.useSlots(),h=n.getCurrentInstance(),I=h.appContext.config.globalProperties.$router,i=n.ref(),O=w.useNamespace("sub-menu"),f=n.ref(-1),s=n.ref(u.defaultOpeneds&&!u.collapse?u.defaultOpeneds.slice(0):[]),a=n.ref(u.defaultActive),r=n.ref({}),M=n.ref({}),R=n.computed(()=>u.mode==="horizontal"||u.mode==="vertical"&&u.collapse),A=()=>{const e=a.value&&r.value[a.value];if(!e||u.mode==="horizontal"||u.collapse)return;e.indexPath.forEach(l=>{const o=M.value[l];o&&g(l,o.indexPath)})},g=(e,t,l)=>{s.value.includes(e)||(u.uniqueOpened&&(s.value=s.value.filter(o=>t.includes(o))),s.value.push(e),m("open",{index:e,indexPath:t,e:l}))},y=(e,t,l)=>{const o=s.value.indexOf(e);o!==-1&&s.value.splice(o,1),m("close",{index:e,indexPath:t,e:l})},E=({e,index:t,indexPath:l})=>{s.value.includes(t)?y(t,l,e):g(t,l,e),m("sub-menu-click",{e,index:t,indexPath:l})},W=e=>{(u.mode==="horizontal"||u.collapse)&&(s.value=[]);const{index:t,indexPath:l}=e;if(!(C.isNullOrUndefined(t)||C.isNullOrUndefined(l))){if(u.router&&I){const o=e.route||t,v=I.push(o).then(c=>(c||(a.value=t),c));m("select",e,v)}else a.value=t,m("select",e);C.isMobile()&&setTimeout(()=>{s.value=[]},100)}},V=e=>{const t=r.value,l=t[e]||a.value&&t[a.value]||t[u.defaultActive];l?a.value=l.index:a.value=e},$=()=>{var d;if(!i.value)return-1;const e=Array.from(((d=i.value)==null?void 0:d.childNodes)??[]).filter(q=>q.nodeName!=="#text"||q.nodeValue),t=64,l=Number.parseInt(getComputedStyle(i.value).paddingLeft,10),o=Number.parseInt(getComputedStyle(i.value).paddingRight,10),v=i.value.clientWidth-l-o;let c=0,b=0;return e.forEach((q,G)=>{c+=q.offsetWidth||0,c<=v-t&&(b=G+1)}),b===e.length?-1:b},D=(e,t=33.34)=>{let l;return()=>{l&&clearTimeout(l),l=setTimeout(()=>{e()},t)}};let T=!0;const z=()=>{const e=()=>{f.value=-1,n.nextTick(()=>{f.value=$()})};T?e():D(e)(),T=!1};n.watch(()=>u.defaultActive,e=>{r.value[e]||(a.value=""),V(e)}),n.watch(()=>u.collapse,e=>{e&&(s.value=[])}),n.watch(r.value,A);let S;n.watchEffect(()=>{u.mode==="horizontal"&&u.ellipsis?S=J.useResizeObserver(i,z).stop:S==null||S()});const N=e=>{M.value[e.index]=e},P=e=>{delete M.value[e.index]},L=e=>{r.value[e.index]=e},U=e=>{delete r.value[e.index]},k=n.ref(!1),j=n.ref(),F=n.ref();return n.provide("rootMenu",n.reactive({props:h.props,openedMenus:s,items:r,subMenus:M,activeIndex:a,isMenuPopup:R,inSubMenu:k,inSubMenuMouseEnterTimer:j,inSubMenuMouseleaveTimer:F,addMenuItem:L,removeMenuItem:U,addSubMenu:N,removeSubMenu:P,openMenu:g,closeMenu:y,handleMenuItemClick:W,handleSubMenuClick:E})),n.provide(`subMenu:${h.uid}`,{addSubMenu:N,removeSubMenu:P,mouseInChild:n.ref(!1),level:0}),n.onMounted(()=>{u.mode==="horizontal"&&new Z.default(h.vnode.el,p.namespace.value)}),B({open:e=>{const{indexPath:t}=M.value[e];t.forEach(l=>g(l,t))},close:y,handleResize:z,menu:i,inSubMenu:k}),()=>{var v;let e=((v=x.default)==null?void 0:v.call(x))??[];const t=[];if(u.mode==="horizontal"&&i.value){const c=K.flattedChildren(e),b=f.value===-1?c:c.slice(0,f.value),d=f.value===-1?[]:c.slice(f.value);d!=null&&d.length&&u.ellipsis&&(e=b,t.push(n.h(X.default,{index:"sub-menu-more",class:O.e("hide-arrow"),...u.horizontalMenuProps},{title:()=>n.h(H.VftIcon,{icon:"icon-menu-line",class:O.e("icon-more")}),default:()=>d})))}const l=Y.useMenuCssVar(h.props,0),o=n.h("ul",{key:String(u.collapse),role:"menubar",ref:i,style:l.value,class:{[p.b()]:!0,[p.m(u.mode)]:!0,[p.m("collapse")]:u.collapse}},[...e,...t]);return u.collapseTransition&&u.mode==="vertical"?n.h(Q.default,()=>o):o}}});exports.default=ee;

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

@@ -6,11 +6,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $props: {
             title?: string | undefined;
             center?: boolean | undefined;
-            draggable?: boolean | undefined;
             fullscreen?: boolean | undefined;
             modelValue?: boolean | undefined;
             customClass?: string | undefined;
             showClose?: boolean | undefined;
+            draggable?: boolean | undefined;
             closeOnPressEscape?: boolean | undefined;
             alignCenter?: boolean | undefined;
             appendToBody?: boolean | undefined;
@@ -24,9 +24,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             showActionButtonGroup?: boolean | undefined;
             showSubmitButton?: boolean | undefined;
             showCancelButton?: boolean | undefined;
+            style?: unknown;
             readonly top?: string | undefined;
             readonly width?: string | number | undefined;
-            style?: unknown;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
@@ -93,12 +93,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            top: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-            };
             title: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,13 +101,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            top: {
+                type: import("vue").PropType<string>;
+            };
+            width: {
+                type: import("vue").PropType<string | number>;
+            };
             zIndex: {
                 type: import("vue").PropType<number>;
             };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             fullscreen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -130,6 +126,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             closeOnPressEscape: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -208,11 +208,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         }, string, {
             title: string;
             center: boolean;
-            draggable: boolean;
             fullscreen: boolean;
             modelValue: boolean;
             customClass: string;
             showClose: boolean;
+            draggable: boolean;
             closeOnPressEscape: boolean;
             alignCenter: boolean;
             appendToBody: boolean;
@@ -247,12 +247,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $nextTick: typeof import("vue").nextTick;
         $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<{
-        top: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -261,13 +255,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        top: {
+            type: import("vue").PropType<string>;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+        };
         zIndex: {
             type: import("vue").PropType<number>;
         };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -284,6 +280,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -362,12 +362,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    top: {
-        type: import("vue").PropType<string>;
-    };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -376,13 +370,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    top: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     zIndex: {
         type: import("vue").PropType<number>;
     };
-    draggable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -399,6 +395,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -477,11 +477,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     title: string;
     center: boolean;
-    draggable: boolean;
     fullscreen: boolean;
     modelValue: boolean;
     customClass: string;
     showClose: boolean;
+    draggable: boolean;
     closeOnPressEscape: boolean;
     alignCenter: boolean;
     appendToBody: boolean;

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

@@ -4,12 +4,6 @@ export interface ModalProps extends DialogProps {
     showActionButtonGroup?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    top: {
-        type: import("vue").PropType<string>;
-    };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -18,13 +12,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    top: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     zIndex: {
         type: import("vue").PropType<number>;
     };
-    draggable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -41,6 +37,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -117,12 +117,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    top: {
-        type: import("vue").PropType<string>;
-    };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -131,13 +125,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    top: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     zIndex: {
         type: import("vue").PropType<number>;
     };
-    draggable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -154,6 +150,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -230,11 +230,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>>, {
     title: string;
     center: boolean;
-    draggable: boolean;
     fullscreen: boolean;
     modelValue: boolean;
     customClass: string;
     showClose: boolean;
+    draggable: boolean;
     closeOnPressEscape: boolean;
     alignCenter: boolean;
     appendToBody: boolean;

package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router"),p=require("@vft/store"),V=require("@vft/use");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("./index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");const g=require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");const T=require("../../utils/ns-cover.cjs");require("lodash");const w=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const I=require("hotkeys-js"),K=require("vue-router"),A=require("./tab-content.vue2.cjs"),C=require("./use/use-multiple-tabs.cjs"),y=w.useNamespace("multiple-tabs"),W=e.defineComponent({name:y.b()}),z=e.defineComponent({...W,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},fixTabCount:{},fixExtraScrollWidth:{}},setup(m){const q=e.getCurrentInstance().appContext.config.globalProperties.$router,i=C.initAffixTabs(q);m.canDrag&&C.useTabsDrag(i);const f=p.useMultipleTabStore(),n=e.ref(""),o=e.ref(0),v=e.ref(),{go:b}=s.useRouterHelper(q),d=e.computed(()=>f.getTabList.filter(r=>{var t;return!((t=r.meta)!=null&&t.hideTab)}));e.watchEffect(()=>{var r;if(n.value){const t=d.value.findIndex(u=>s.getRouterKeyPath(u)===n.value);t===-1?o.value=((r=d.value)==null?void 0:r.length)-1:o.value=t,o.value=o.value<(i==null?void 0:i.length)?(i==null?void 0:i.length)-1:o.value}}),K.onBeforeRouteLeave(()=>{v.value=e.unref(q.currentRoute)}),s.listenerRouteChange(r=>{var x;if(!r||(x=r.meta)!=null&&x.hasTokenToRoot)return;const{meta:t={}}=r,{currentActivePath:u,hideTab:a}=t,l=a?u:null,c=s.getRouterKeyPath(r);if(n.value!==c&&(n.value=c),l){let h=q.getRoutes().find(N=>N.path===u);h&&f.addTab(h,e.unref(v),o.value,r)}else f.addTab(e.unref(r),e.unref(v),o.value)});function R(r){var a,l;if(n.value===r.paneName)return;const t=d.value[r.attrs.index];n.value=r.paneName;const u=(l=(a=t==null?void 0:t.meta)==null?void 0:a.hideActiveRoute)==null?void 0:l.fullPath;b(u||t.fullPath||t.path)}function S(r){f.closeTabByKey(r,q)}const[_,P]=V.useRefs();function k(r){const t=r.pane.attrs.index,u=r.event;_.value[t].handleContext(u)}const B=e.computed(()=>{let r={padding:"4px 0 0","border-bottom":"none","header-height":"26px","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"1px","item-max-width":"180px","scroll-padding":"0 20px","header-margin":"0 0 0 8px","item-border-radius":"5px 5px 0 0","item-border":"none"};return{...T.generateCssVars(r,"tabs"),...m.tabsStyle}}),{closeCurrent:M}=p.useTabs();I("command+e, ctrl+e",function(){return M(),!1});const E={...T.generateCssVars({"sub-item-height":"40px","item-min-width":"150px"},"menu"),...m.contextMenuStyle};return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y).b()),style:e.normalizeStyle(B.value)},[e.createVNode(e.unref(g.VftTabs),{showBar:!1,fixTabCount:r.fixTabCount,fixExtraScrollWidth:r.fixExtraScrollWidth,"model-value":n.value,"onUpdate:modelValue":t[0]||(t[0]=u=>n.value=u),onTabClick:R,onTabRemove:S,onTabContextMenu:k},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(u,a)=>{var l;return e.openBlock(),e.createBlock(e.unref(g.VftTabPane),{key:e.unref(s.getRouterKeyPath)(u)+a,closable:!((l=u.meta)!=null&&l.affix),index:a,name:e.unref(s.getRouterKeyPath)(u)},{label:e.withCtx(()=>{var c;return[e.createVNode(A.default,{contextMenuStyle:E,affixNum:(c=e.unref(i))==null?void 0:c.length,ref_for:!0,ref:e.unref(P)(a),tabItem:u},null,8,["affixNum","tabItem"])]}),_:2},1032,["closable","index","name"])}),128))]),_:1},8,["fixTabCount","fixExtraScrollWidth","model-value"])],6))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router"),p=require("@vft/store"),V=require("@vft/use");require("../alert/index.cjs");require("../avatar/index.cjs");require("../backtop/index.cjs");require("../button/index.cjs");require("../card/index.cjs");require("../check-tag/index.cjs");require("../checkbox/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../col/index.cjs");require("../collapse-transition/index.cjs");require("../color-picker/index.cjs");require("../config-provider/index.cjs");require("../container/index.cjs");require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../date-picker/index.cjs");require("../date-time-select/index.cjs");require("../descriptions/index.cjs");require("../dialog/index.cjs");require("../divider/index.cjs");require("../drawer/index.cjs");require("../dropdown/index.cjs");require("../empty/index.cjs");require("../exception/index.cjs");require("../footer-layout/index.cjs");require("../form/index.cjs");require("../full-screen/index.cjs");require("../header-layout/index.cjs");require("../horizontal-menu/index.cjs");require("../icon/index.cjs");require("../icon-text/index.cjs");require("../iframe-layout/index.cjs");require("../image/index.cjs");require("../image-viewer/index.cjs");require("../input/index.cjs");require("../input-number/index.cjs");require("../link/index.cjs");require("../list-cell/index.cjs");require("../logo/index.cjs");require("../menu/index.cjs");require("./index.cjs");require("../overlay/index.cjs");require("../page-wrapper/index.cjs");require("../pagination/index.cjs");require("../popconfirm/index.cjs");require("../popover/index.cjs");require("../popper/index.cjs");require("../qrcode/index.cjs");require("../radio/index.cjs");require("../result/index.cjs");require("../router-view-content/index.cjs");require("../row/index.cjs");require("../scrollbar/index.cjs");require("../search/index.cjs");require("../select/index.cjs");require("../side-menu/index.cjs");require("../skeleton/index.cjs");require("../slider/index.cjs");require("../space/index.cjs");require("../switch/index.cjs");require("../table/index.cjs");const g=require("../tabs/index.cjs");require("../tag/index.cjs");require("../time-picker/index.cjs");require("../tooltip/index.cjs");require("../tree/index.cjs");require("../verify-code/index.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/props.cjs");require("../autocomplete/index.cjs");require("../modal/index.cjs");require("../progress/index.cjs");require("../super-form/index.cjs");require("../upload/index.cjs");require("../carousel/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../md-comment/index.cjs");require("../md-container/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("@vueuse/core");const T=require("../../utils/ns-cover.cjs");require("lodash");const w=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const I=require("hotkeys-js"),K=require("vue-router"),A=require("./tab-content.vue2.cjs"),C=require("./use/use-multiple-tabs.cjs"),y=w.useNamespace("multiple-tabs"),W=e.defineComponent({name:y.b()}),z=e.defineComponent({...W,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},fixTabCount:{},fixExtraScrollWidth:{}},setup(m){const q=e.getCurrentInstance().appContext.config.globalProperties.$router,i=C.initAffixTabs(q);m.canDrag&&C.useTabsDrag(i);const f=p.useMultipleTabStore(),n=e.ref(""),o=e.ref(0),v=e.ref(),{go:b}=s.useRouterHelper(q),d=e.computed(()=>f.getTabList.filter(r=>{var t;return!((t=r.meta)!=null&&t.hideTab)}));e.watchEffect(()=>{var r;if(n.value){const t=d.value.findIndex(u=>s.getRouterKeyPath(u)===n.value);t===-1?o.value=((r=d.value)==null?void 0:r.length)-1:o.value=t,o.value=o.value<(i==null?void 0:i.length)?(i==null?void 0:i.length)-1:o.value}}),K.onBeforeRouteLeave(()=>{v.value=e.unref(q.currentRoute)}),s.listenerRouteChange(r=>{var x;if(!r||(x=r.meta)!=null&&x.hasTokenToRoot)return;const{meta:t={}}=r,{currentActivePath:u,hideTab:a}=t,l=a?u:null,c=s.getRouterKeyPath(r);if(n.value!==c&&(n.value=c),l){let h=q.getRoutes().find(N=>N.path===u);h&&f.addTab(h,e.unref(v),o.value,r)}else f.addTab(e.unref(r),e.unref(v),o.value)});function R(r){var a,l;if(n.value===r.paneName)return;const t=d.value[r.attrs.index];n.value=r.paneName;const u=(l=(a=t==null?void 0:t.meta)==null?void 0:a.hideActiveRoute)==null?void 0:l.fullPath;b(u||t.fullPath||t.path)}function S(r){f.closeTabByKey(r,q)}const{refs:_,setRefs:P}=V.useRefs();function k(r){const t=r.pane.attrs.index,u=r.event;_.value[t].handleContext(u)}const B=e.computed(()=>{let r={padding:"4px 0 0","border-bottom":"none","header-height":"26px","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"1px","item-max-width":"180px","scroll-padding":"0 20px","header-margin":"0 0 0 8px","item-border-radius":"5px 5px 0 0","item-border":"none"};return{...T.generateCssVars(r,"tabs"),...m.tabsStyle}}),{closeCurrent:M}=p.useTabs();I("command+e, ctrl+e",function(){return M(),!1});const E={...T.generateCssVars({"sub-item-height":"40px","item-min-width":"150px"},"menu"),...m.contextMenuStyle};return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y).b()),style:e.normalizeStyle(B.value)},[e.createVNode(e.unref(g.VftTabs),{showBar:!1,fixTabCount:r.fixTabCount,fixExtraScrollWidth:r.fixExtraScrollWidth,"model-value":n.value,"onUpdate:modelValue":t[0]||(t[0]=u=>n.value=u),onTabClick:R,onTabRemove:S,onTabContextMenu:k},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(u,a)=>{var l;return e.openBlock(),e.createBlock(e.unref(g.VftTabPane),{key:e.unref(s.getRouterKeyPath)(u)+a,closable:!((l=u.meta)!=null&&l.affix),index:a,name:e.unref(s.getRouterKeyPath)(u)},{label:e.withCtx(()=>{var c;return[e.createVNode(A.default,{contextMenuStyle:E,affixNum:(c=e.unref(i))==null?void 0:c.length,ref_for:!0,ref:e.unref(P)(a),tabItem:u},null,8,["affixNum","tabItem"])]}),_:2},1032,["closable","index","name"])}),128))]),_:1},8,["fixTabCount","fixExtraScrollWidth","model-value"])],6))}});exports.default=z;

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

@@ -76,13 +76,13 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         $emit: ((event: "cancel", val: MouseEvent) => void) & ((event: "confirm", val: MouseEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+            };
             width: {
                 type: import("vue").PropType<string | number>;
                 default: number;
             };
-            title: {
-                type: import("vue").PropType<string>;
-            };
             hideAfter: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -156,13 +156,13 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         $nextTick: typeof import("vue").nextTick;
         $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<{
+        title: {
+            type: import("vue").PropType<string>;
+        };
         width: {
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        title: {
-            type: import("vue").PropType<string>;
-        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -208,13 +208,13 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
     width: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    title: {
-        type: import("vue").PropType<string>;
-    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;

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

@@ -1,13 +1,13 @@
 import { type ButtonType } from 'vft/es/components/button';
 import { type IconProps } from 'vft/es/components/icon';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
     width: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    title: {
-        type: import("vue").PropType<string>;
-    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -49,13 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     confirm: (val: MouseEvent) => void;
     cancel: (val: MouseEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+    };
     width: {
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    title: {
-        type: import("vue").PropType<string>;
-    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;

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

@@ -3,10 +3,10 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly width?: string | number | undefined;
             style?: unknown;
             readonly title?: string | undefined;
             readonly content?: string | undefined;
+            readonly width?: string | number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
             key?: string | number | symbol | undefined;
@@ -16,7 +16,6 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
             readonly hideAfter?: number | undefined;
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("..").TooltipTriggerType | undefined;
             ref_for?: boolean | undefined;
@@ -59,6 +58,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            readonly visible?: boolean | undefined;
             readonly tabindex?: number | undefined;
             readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
             readonly enterable?: boolean | undefined;

package/lib/components/popper/composables/use-content.d.ts

@@ -46,11 +46,11 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
-                top?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;

package/lib/components/popper/content.vue.d.ts

@@ -89,9 +89,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
-    close: (...args: any[]) => void;
     mouseenter: (...args: any[]) => void;
     mouseleave: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -9,9 +9,9 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
         $props: {
             style?: unknown;
             key?: string | number | symbol | undefined;
-            readonly role?: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
+            readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -68,7 +68,7 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
+                type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
             };
         }>>, {
             triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
@@ -98,7 +98,7 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
         $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<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
+            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
     }>> & import("vue").ShallowUnwrapRef<{
         triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
@@ -112,7 +112,7 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
+        type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
     };
 }>>, {
     triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;

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

@@ -1,7 +1,7 @@
 import type { Instance as PopperInstance } from '@popperjs/core';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
+        type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
     };
 }, {
     triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     role: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "group" | "navigation" | "tree">;
+        type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
     };
 }>>, {}, {}>, {
     default?(_: {}): any;

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

@@ -4,9 +4,9 @@ export declare const VftProgress: import("vft/es/utils").SFCWithInstall<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly width?: number | undefined;
             style?: unknown;
             readonly color?: string | import("./types").ProgressFn | import("./types").ProgressColor[] | undefined;
+            readonly width?: number | undefined;
             readonly strokeLinecap?: "round" | "butt" | "square" | undefined;
             readonly strokeWidth?: number | undefined;
             key?: string | number | symbol | undefined;