vft 0.0.51 → 0.0.55

package/lib/components/select-v2/index.d.ts

@@ -198,7 +198,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -408,7 +408,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -632,7 +632,7 @@ declare const _Select: SFCWithInstall<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<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -875,7 +875,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -977,14 +977,14 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     height: number;
+    loading: boolean;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
@@ -1210,7 +1210,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -1420,7 +1420,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -1644,7 +1644,7 @@ export declare const VftSelectV2: SFCWithInstall<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<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -1887,7 +1887,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -1989,14 +1989,14 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     height: number;
+    loading: boolean;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

package/lib/components/select-v2/select.vue.d.ts

@@ -197,7 +197,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -407,7 +407,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -631,7 +631,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<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -874,7 +874,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -976,14 +976,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     height: number;
+    loading: boolean;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

package/lib/components/select-v2/useSelect.d.ts

@@ -101,7 +101,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $data: {};
         $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -311,7 +311,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -535,7 +535,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $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<ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),M=require("@vft/router"),A=require("@vft/use"),p=require("@vft/utils"),H=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const R=require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../divider/index.cjs");const U=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const f=require("../menu/index.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");const $=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const l=H.useNamespace("side-menu"),P=u.defineComponent({name:l.b()}),E=u.defineComponent({...P,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,width:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,useMenuSelect:{type:Boolean,default:!0}},emits:["update:collapse","dragEnd","select"],setup(t,{emit:h}){const q=u.useSlots(),v=u.ref(),a=u.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",...t.attrMapping}));M.listenerRouteChange(e=>{!e||e.meta.hideSide||(v.value=e.path)});const x=(e,o)=>{const n=e[a.value.path],c=e[a.value.title],i=e==null?void 0:e[a.value.children],s=e==null?void 0:e[a.value.index],d=e==null?void 0:e[a.value.icon];return i!=null&&i.length?u.h(f.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:c,icon:d,popperClass:l.e("popper")},{default:()=>i==null?void 0:i.map((r,k)=>{var m;const g=r[a.value.path],y=r[a.value.index],w=r[a.value.icon],B=r[a.value.title];return(m=r==null?void 0:r[a.value.children])!=null&&m.length?x(r,k):u.h(f.VftMenuItem,{key:y||g,index:y||g,route:g,icon:w,title:B,disabled:r.disabled})})}):u.h(f.VftMenuItem,{key:s||n,index:s||n,title:c,route:n,icon:d,disabled:e.disabled},q.menuItem?()=>{var r;return(r=q.menuItem)==null?void 0:r.call(q,{item:e,index:o})}:"")},O=u.computed(()=>{var e,o;return u.h(f.VftMenu,{onSelect:t.useMenuSelect?b:()=>{},defaultActive:t.defaultActive||v.value,class:[l.e("con"),(e=t.dragOption)!=null&&e.dragClassName?l.e((o=t.dragOption)==null?void 0:o.dragClassName):""],style:{height:`calc(100% - ${t.menuTopBottomHeight}px)`},uniqueOpened:t.uniqueOpened,collapse:t.collapse,"collapse-transition":!1},()=>t.menus.map((n,c)=>x(n,c)))}),{go:C}=M.useRouterHelper(),S=$.useRouter();async function b(e){var i,s,d;const o=e.route;let n=e.route;e.indexPath.some(r=>p.isUrl(r))&&(n=e.indexPath.slice(-2).join("/"));const c=(d=(s=(i=S.getRoutes().filter(r=>r.path===n))==null?void 0:i[0])==null?void 0:s.meta)==null?void 0:d.linkTarget;C(c?{url:o,winOpenOpt:{target:c}}:o),h("select",e)}const N=u.computed(()=>({...R.generateCssVars({width:t.collapse?p.addUnit(t.collapseWidth):p.addUnit(t.width)},"side-menu"),height:`calc(100% - ${t.extraHeight}px)`})),V=u.computed(()=>[l.b(),l.m("fixed")]);function T(){h("update:collapse",!t.collapse)}return u.onMounted(()=>{u.nextTick(()=>{var e,o,n;if((e=t.dragOption)!=null&&e.dragClassName){const c=(n=document.querySelectorAll("."+l.e((o=t.dragOption)==null?void 0:o.dragClassName)))==null?void 0:n[0],{initSortable:i}=A.useSortable(c,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:d,newIndex:r}=s;p.isNullOrUndefined(d)||p.isNullOrUndefined(r)||d===r||h("dragEnd",d,r)},...t.dragOption});i()}})}),()=>u.createVNode("div",{class:V.value,style:N.value},[q.top?u.createVNode("div",{class:l.e("top")},[q.top()]):null,O.value,q.bottom?u.createVNode("div",{class:l.e("bottom")},[q.bottom()]):t.showCollapse?u.createVNode("div",{onClick:T,class:[l.e("bottom"),l.e("collapse")]},[u.createVNode(U.VftIcon,{style:{transform:t.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null])}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),M=require("@vft/router"),A=require("@vft/use"),p=require("@vft/utils"),H=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const R=require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");require("../divider/index.cjs");const U=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");const f=require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/store");const $=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("./index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const l=H.useNamespace("side-menu"),P=u.defineComponent({name:l.b()}),E=u.defineComponent({...P,props:{menus:null,uniqueOpened:{type:Boolean,default:!0},collapse:{type:Boolean,default:!1},defaultActive:null,width:null,collapseWidth:{default:50},attrMapping:null,extraHeight:{default:100},menuTopBottomHeight:{default:40},showCollapse:{type:Boolean,default:!1},dragOption:null,useMenuSelect:{type:Boolean,default:!0}},emits:["update:collapse","dragEnd","select"],setup(t,{emit:h}){const q=u.useSlots(),v=u.ref(),a=u.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",...t.attrMapping}));M.listenerRouteChange(e=>{!e||e.meta.hideSide||(v.value=e.path)});const x=(e,o)=>{const n=e[a.value.path],c=e[a.value.title],i=e==null?void 0:e[a.value.children],s=e==null?void 0:e[a.value.index],d=e==null?void 0:e[a.value.icon];return i!=null&&i.length?u.h(f.VftSubMenu,{popperAppendToBody:!0,key:s||n,index:s||n,title:c,icon:d,popperClass:l.e("popper")},{default:()=>i==null?void 0:i.map((r,k)=>{var m;const g=r[a.value.path],y=r[a.value.index],w=r[a.value.icon],B=r[a.value.title];return(m=r==null?void 0:r[a.value.children])!=null&&m.length?x(r,k):u.h(f.VftMenuItem,{key:y||g,index:y||g,route:g,icon:w,title:B,disabled:r.disabled})})}):u.h(f.VftMenuItem,{key:s||n,index:s||n,title:c,route:n,icon:d,disabled:e.disabled},q.menuItem?()=>{var r;return(r=q.menuItem)==null?void 0:r.call(q,{item:e,index:o})}:"")},O=u.computed(()=>{var e,o;return u.h(f.VftMenu,{onSelect:t.useMenuSelect?b:()=>{},defaultActive:t.defaultActive||v.value,class:[l.e("con"),(e=t.dragOption)!=null&&e.dragClassName?l.e((o=t.dragOption)==null?void 0:o.dragClassName):""],style:{height:`calc(100% - ${t.menuTopBottomHeight}px)`},uniqueOpened:t.uniqueOpened,collapse:t.collapse,"collapse-transition":!1},()=>t.menus.map((n,c)=>x(n,c)))}),{go:C}=M.useRouterHelper(),S=$.useRouter();async function b(e){var i,s,d;const o=e.route;let n=e.route;e.indexPath.some(r=>p.isUrl(r))&&(n=e.indexPath.slice(-2).join("/"));const c=(d=(s=(i=S.getRoutes().filter(r=>r.path===n))==null?void 0:i[0])==null?void 0:s.meta)==null?void 0:d.linkTarget;C(c?{url:o,winOpenOpt:{target:c}}:o),h("select",e)}const N=u.computed(()=>({...R.generateCssVars({width:t.collapse?p.addUnit(t.collapseWidth):p.addUnit(t.width)},"side-menu"),height:`calc(100% - ${t.extraHeight}px)`})),V=u.computed(()=>[l.b(),l.m("fixed")]);function T(){h("update:collapse",!t.collapse)}return u.onMounted(()=>{u.nextTick(()=>{var e,o,n;if((e=t.dragOption)!=null&&e.dragClassName){const c=(n=document.querySelectorAll("."+l.e((o=t.dragOption)==null?void 0:o.dragClassName)))==null?void 0:n[0],{initSortable:i}=A.useSortable(c,{draggable:".vft-menu-item",onEnd:s=>{const{oldIndex:d,newIndex:r}=s;p.isNullOrUndefined(d)||p.isNullOrUndefined(r)||d===r||h("dragEnd",d,r)},...t.dragOption});i()}})}),()=>u.createVNode("div",{class:V.value,style:N.value},[q.top?u.createVNode("div",{class:l.e("top")},[q.top()]):null,O.value,q.bottom?u.createVNode("div",{class:l.e("bottom")},[q.bottom()]):t.showCollapse?u.createVNode("div",{onClick:T,class:[l.e("bottom"),l.e("collapse")]},[u.createVNode(U.VftIcon,{style:{transform:t.collapse?"rotateY(180deg)":""},size:20,icon:"ico-iconoir:sidebar-collapse"},null)]):null])}});exports.default=E;

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

@@ -1,8 +1,4 @@
 export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<import("./types").TabsType | undefined>;
-        required: false;
-    };
     closable: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -20,7 +16,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -31,6 +27,10 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
+    showBar: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
     closeIconCfg: {
         type: import("vue").PropType<import("..").IconProps | undefined>;
         required: false;
@@ -92,10 +92,6 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     tabRemove: (name: string | number) => boolean;
     tabAdd: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<import("./types").TabsType | undefined>;
-        required: false;
-    };
     closable: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -113,7 +109,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -124,6 +120,10 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
+    showBar: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
     closeIconCfg: {
         type: import("vue").PropType<import("..").IconProps | undefined>;
         required: false;

package/lib/components/tabs/tab-nav.vue.d.ts

@@ -1,6 +1,5 @@
 import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components';
-import type { TabsType } from './types';
 declare const _sfc_main: import("vue").DefineComponent<{
     panes: {
         type: __PropType<{
@@ -31,11 +30,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-    type: {
-        type: __PropType<TabsType | undefined>;
+    stretch: {
+        type: __PropType<boolean | undefined>;
         required: false;
     };
-    stretch: {
+    showBar: {
         type: __PropType<boolean | undefined>;
         required: false;
     };
@@ -88,11 +87,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-    type: {
-        type: __PropType<TabsType | undefined>;
+    stretch: {
+        type: __PropType<boolean | undefined>;
         required: false;
     };
-    stretch: {
+    showBar: {
         type: __PropType<boolean | undefined>;
         required: false;
     };

package/lib/components/tabs/tab-nav.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),w=require("@vft/utils"),G=require("../../utils/error.cjs");require("lodash");const T=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("../divider/index.cjs");const V=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("./index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const x=require("@vft/constants"),J=require("./types.cjs"),Q=require("./tab-bar.vue2.cjs"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},type:null,stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:m}){var E;const D=t.getCurrentInstance(),q=t.inject(J.TabsRootContextKey);q||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),b=t.ref(),C=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),p=t.ref(!0),h=t.computed(()=>["top","bottom"].includes(q.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!b.value)return;const r=b.value[`offset${w.capitalize(h.value)}`],e=d.value;e&&(d.value=e>r?e-r:0)},j=()=>{if(!b.value||!C.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=b.value[`offset${w.capitalize(h.value)}`],i=d.value;r-i<=e||(d.value=r-i>e*2?i+e:r-e)},$=async()=>{const r=C.value;if(!f.value||!N.value||!b.value||!r)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const i=b.value,g=["top","bottom"].includes(q.props.tabPosition),l=e.getBoundingClientRect(),a=i.getBoundingClientRect(),c=g?r.offsetWidth-a.width:r.offsetHeight-a.height,s=d.value;let u=s;g?(l.left<a.left&&(u=s-(a.left-l.left)),l.right>a.right&&(u=s+l.right-a.right)):(l.top<a.top&&(u=s-(a.top-l.top)),l.bottom>a.bottom&&(u=s+(l.bottom-a.bottom))),u=Math.max(u,0),d.value=Math.min(u,c)},O=()=>{if(!C.value||!b.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=b.value[`offset${w.capitalize(h.value)}`],i=d.value;e<r?(f.value=f.value||{},f.value.prev=i,f.value.next=i+e<r,r-i<e&&(d.value=r-e)):(f.value=!1,i>0&&(d.value=0))},H=r=>{const e=r.code,{up:i,down:g,left:l,right:a}=x.EVENT_CODE;if(![i,g,l,a].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),s=c.indexOf(r.target);let u;e===l||e===i?s===0?u=c.length-1:u=s-1:s<c.length-1?u=s+1:u=0,c[u].focus(),c[u].click(),z()},z=()=>{p.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,r=>{r==="hidden"?p.value=!1:r==="visible"&&setTimeout(()=>p.value=!0,50)}),t.watch(L,r=>{r?setTimeout(()=>p.value=!0,50):p.value=!1}),T.useResizeObserver(N,O),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>O()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>n.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var r,e;return f.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!f.value.prev)],onClick:K},[(r=n.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=n.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=n.panes)==null?void 0:r.map((e,i)=>{var S,k,B;const g=e.uid,l=e.props.disabled,a=e.props.name??e.index??`${i}`,c=!l&&(e.isClosable||n.editable);e.index=`${i}`;const s=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(S=n.closeIconCfg)!=null&&S.icon?t.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,u=((B=(k=e.slots).label)==null?void 0:B.call(k))||e.props.label,Y=!l&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${g}`,class:[o.e("item"),o.is(q.props.tabPosition),o.is("active",e.active),o.is("disabled",l),o.is("closable",c),o.is("focus",y.value)],id:`tab-${a}`,key:`tab-${g}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>z(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,a,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:i,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[u,s])})}),X=n.editable||n.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>m("tabAdd"),onKeydown:r=>{r.code===x.EVENT_CODE.enter&&m("tabAdd")}},[(E=n.addIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[o.e("nav-wrap"),o.is("scrollable",!!f.value),o.is(q.props.tabPosition)]},[W.value,t.createVNode("div",{class:o.e("nav-scroll"),ref:b},[t.createVNode("div",{class:[o.e("nav"),o.is(q.props.tabPosition),o.is("stretch",n.stretch&&["top","bottom"].includes(q.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[n.type?null:t.createVNode(Q.default,{tabs:[...n.panes]},null),U.value]),X])])}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),w=require("@vft/utils"),G=require("../../utils/error.cjs");require("lodash");const T=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("../divider/index.cjs");const V=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("./index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("../context-menu/context-menu.vue2.cjs");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("@vft/use");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const R=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const x=require("@vft/constants"),J=require("./types.cjs"),Q=require("./tab-bar.vue2.cjs"),P=R.useNamespace("tab-nav"),Z=t.defineComponent({name:P.b()}),_=t.defineComponent({...Z,props:{panes:null,editable:{type:Boolean},addable:{type:Boolean},stretch:{type:Boolean},showBar:{type:Boolean,default:!1},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(n,{expose:A,emit:m}){var z;const D=t.getCurrentInstance(),b=t.inject(J.TabsRootContextKey);b||G.throwError(P.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=R.useNamespace("tabs"),F=T.useDocumentVisibility(),L=T.useWindowFocus(),N=t.ref(),q=t.ref(),C=t.ref(),f=t.ref(!1),d=t.ref(0),y=t.ref(!1),p=t.ref(!0),h=t.computed(()=>["top","bottom"].includes(b.props.tabPosition)?"width":"height"),M=t.computed(()=>({transform:`translate${h.value==="width"?"X":"Y"}(-${d.value}px)`})),K=()=>{if(!q.value)return;const r=q.value[`offset${w.capitalize(h.value)}`],e=d.value;e&&(d.value=e>r?e-r:0)},j=()=>{if(!q.value||!C.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;r-i<=e||(d.value=r-i>e*2?i+e:r-e)},$=async()=>{const r=C.value;if(!f.value||!N.value||!q.value||!r)return;await t.nextTick();const e=N.value.querySelector(".is-active");if(!e)return;const i=q.value,g=["top","bottom"].includes(b.props.tabPosition),l=e.getBoundingClientRect(),a=i.getBoundingClientRect(),c=g?r.offsetWidth-a.width:r.offsetHeight-a.height,s=d.value;let u=s;g?(l.left<a.left&&(u=s-(a.left-l.left)),l.right>a.right&&(u=s+l.right-a.right)):(l.top<a.top&&(u=s-(a.top-l.top)),l.bottom>a.bottom&&(u=s+(l.bottom-a.bottom))),u=Math.max(u,0),d.value=Math.min(u,c)},B=()=>{if(!C.value||!q.value)return;const r=C.value[`offset${w.capitalize(h.value)}`],e=q.value[`offset${w.capitalize(h.value)}`],i=d.value;e<r?(f.value=f.value||{},f.value.prev=i,f.value.next=i+e<r,r-i<e&&(d.value=r-e)):(f.value=!1,i>0&&(d.value=0))},H=r=>{const e=r.code,{up:i,down:g,left:l,right:a}=x.EVENT_CODE;if(![i,g,l,a].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),s=c.indexOf(r.target);let u;e===l||e===i?s===0?u=c.length-1:u=s-1:s<c.length-1?u=s+1:u=0,c[u].focus(),c[u].click(),O()},O=()=>{p.value&&(y.value=!0)},I=()=>y.value=!1;t.watch(F,r=>{r==="hidden"?p.value=!1:r==="visible"&&setTimeout(()=>p.value=!0,50)}),t.watch(L,r=>{r?setTimeout(()=>p.value=!0,50):p.value=!1}),T.useResizeObserver(N,B),t.onMounted(()=>setTimeout(()=>$(),0)),t.onUpdated(()=>B()),A({scrollToActiveTab:$,removeFocus:I}),t.watch(()=>n.panes,()=>D.update(),{flush:"post"});const W=t.computed(()=>{var r,e;return f.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!f.value.prev)],onClick:K},[(r=n.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,n.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=n.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,n.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=n.panes)==null?void 0:r.map((e,i)=>{var E,S,k;const g=e.uid,l=e.props.disabled,a=e.props.name??e.index??`${i}`,c=!l&&(e.isClosable||n.editable);e.index=`${i}`;const s=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(E=n.closeIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,n.closeIconCfg,null):null]):null,u=((k=(S=e.slots).label)==null?void 0:k.call(S))||e.props.label,Y=!l&&e.active?0:-1;return t.createVNode("div",{ref:`tab-${g}`,class:[o.e("item"),o.is(b.props.tabPosition),o.is("active",e.active),o.is("disabled",l),o.is("closable",c),o.is("focus",y.value)],id:`tab-${a}`,key:`tab-${g}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>O(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,a,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:i,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[u,s])})}),X=n.editable||n.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>m("tabAdd"),onKeydown:r=>{r.code===x.EVENT_CODE.enter&&m("tabAdd")}},[(z=n.addIconCfg)!=null&&z.icon?t.createVNode(V.VftIcon,n.addIconCfg,null):null]):null;return()=>t.createVNode("div",{ref:N,class:[o.e("nav-wrap"),o.is("scrollable",!!f.value),o.is(b.props.tabPosition)]},[W.value,t.createVNode("div",{class:o.e("nav-scroll"),ref:q},[t.createVNode("div",{class:[o.e("nav"),o.is(b.props.tabPosition),o.is("stretch",n.stretch&&["top","bottom"].includes(b.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[n.showBar?t.createVNode(Q.default,{tabs:[...n.panes]},null):null,U.value]),X])])}});exports.default=_;

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

@@ -1,11 +1,7 @@
 import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components';
-import { type TabsPaneContext, type TabsType } from './types';
+import { type TabsPaneContext } from './types';
 declare const _sfc_main: import("vue").DefineComponent<{
-    type: {
-        type: __PropType<TabsType | undefined>;
-        required: false;
-    };
     closable: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -23,7 +19,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"top" | "bottom" | "right" | "left" | undefined>;
+        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -34,6 +30,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    showBar: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     closeIconCfg: {
         type: __PropType<IconProps | undefined>;
         required: false;
@@ -65,10 +65,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     /** 增加 */
     tabAdd: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: __PropType<TabsType | undefined>;
-        required: false;
-    };
     closable: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -86,7 +82,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"top" | "bottom" | "right" | "left" | undefined>;
+        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -97,6 +93,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    showBar: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     closeIconCfg: {
         type: __PropType<IconProps | undefined>;
         required: false;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-ordered-children/index.cjs");require("@vue/reactivity");require("@vue/shared");const A=require("@vft/constants"),E=require("./tab-nav.vue2.cjs"),k=require("./types.cjs"),c=P.useNamespace("tabs"),M=n.defineComponent({name:c.b()}),z=n.defineComponent({...M,props:{type:{default:""},closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[A.UPDATE_MODEL_EVENT]:t=>s.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>s.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>s.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const C=n.getCurrentInstance(),i=n.useSlots(),l=n.ref(),d=n.ref(t.modelValue??"0"),g=e=>{d.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,m;if(!(d.value===e||s.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,d.value))!==!1&&(g(e),(m=(r=l.value)==null?void 0:r.removeFocus)==null||m.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||s.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(d,async()=>{var e;await n.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const p=()=>{a("edit",void 0,"add"),a("tabAdd")},y=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:c.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:N,addChild:q,removeChild:w}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(k.TabsRootContextKey,{props:C.props,currentName:d,registerPane:q,unregisterPane:w}),u({currentName:d});const T=n.computed(()=>({icon:"ico-ep:plus",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"ico-ep:close",size:14,...t.closeIconCfg})),x=n.computed(()=>({icon:"ico-ep:arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"ico-ep:arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[c.e("header"),c.is(t.tabPosition)]},[n.createVNode(E.default,{ref:l,currentName:d.value,panes:N.value,stretch:t.stretch,closeIconCfg:R.value,addIconCfg:T.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,type:t.type,onTabClick:h,onTabRemove:I,onTabAdd:p,onTabContextmenu:y},null),(e=i.headerRight)==null?void 0:e.call(i)])});return()=>n.createVNode("div",{class:[c.b(),c.m(t.tabPosition),{[c.m("card")]:t.type==="card",[c.m("border-card")]:t.type==="border-card"}]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const s=require("@vft/utils");require("../../utils/ns-cover.cjs");const V=require("../../hooks/use-ordered-children/index.cjs");require("@vue/reactivity");require("@vue/shared");const A=require("@vft/constants"),B=require("./tab-nav.vue2.cjs"),E=require("./types.cjs"),d=P.useNamespace("tabs"),k=n.defineComponent({name:d.b()}),M=n.defineComponent({...k,props:{type:null,closable:{type:Boolean},addable:{type:Boolean,default:!1},modelValue:null,editable:{type:Boolean},tabPosition:{default:"top"},beforeLeave:{type:Function},stretch:{type:Boolean},closeIconCfg:null,addIconCfg:null,arrowLeftIconCfg:null,arrowRightIconCfg:null},emits:{[A.UPDATE_MODEL_EVENT]:t=>s.isNumberish(t),tabClick:(t,u)=>u instanceof Event,tabContextMenu:(t,u,a)=>a instanceof Event,tabChange:t=>s.isNumberish(t),edit:(t,u)=>["remove","add"].includes(u),tabRemove:t=>s.isNumberish(t),tabAdd:()=>!0},setup(t,{expose:u,emit:a}){const m=n.getCurrentInstance(),i=n.useSlots(),l=n.ref(),c=n.ref(t.modelValue??"0"),g=e=>{c.value=e,a("update:modelValue",e),a("tabChange",e)},f=async e=>{var o,r,C;if(!(c.value===e||s.isUndefined(e)))try{await((o=t.beforeLeave)==null?void 0:o.call(t,e,c.value))!==!1&&(g(e),(C=(r=l.value)==null?void 0:r.removeFocus)==null||C.call(r))}catch{}},h=(e,o,r)=>{e.props.disabled||(f(o),a("tabClick",e,r))},I=(e,o)=>{e.props.disabled||s.isUndefined(e.props.name)||(o.stopPropagation(),a("edit",e.props.name,"remove"),a("tabRemove",e.props.name))};n.watch(()=>t.modelValue,e=>f(e)),n.watch(c,async()=>{var e;await n.nextTick(),(e=l.value)==null||e.scrollToActiveTab()});const p=()=>{a("edit",void 0,"add"),a("tabAdd")},w=(e,o,r)=>{a("tabContextMenu",e,o,r)},b=n.computed(()=>{var e;return n.createVNode("div",{class:d.e("content")},[(e=i.default)==null?void 0:e.call(i)])}),{children:N,addChild:q,removeChild:T}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(E.TabsRootContextKey,{props:m.props,currentName:c,registerPane:q,unregisterPane:T}),u({currentName:c});const y=n.computed(()=>({icon:"ico-ep:plus",size:12,...t.addIconCfg})),R=n.computed(()=>({icon:"ico-ep:close",size:14,...t.closeIconCfg})),x=n.computed(()=>({icon:"ico-ep:arrow-left",size:18,...t.arrowLeftIconCfg})),L=n.computed(()=>({icon:"ico-ep:arrow-right",size:18,...t.arrowRightIconCfg})),v=n.computed(()=>{var e;return n.createVNode("div",{class:[d.e("header"),d.is(t.tabPosition)]},[n.createVNode(B.default,{ref:l,currentName:c.value,panes:N.value,stretch:t.stretch,showBar:t.showBar,closeIconCfg:R.value,addIconCfg:y.value,arrowRightIconCfg:L.value,arrowLeftIconCfg:x.value,editable:t.editable,addable:t.addable,onTabClick:h,onTabRemove:I,onTabAdd:p,onTabContextmenu:w},null),(e=i.headerRight)==null?void 0:e.call(i)])});return()=>n.createVNode("div",{class:[d.b(),d.m(t.tabPosition)]},[...t.tabPosition!=="bottom"?[v.value,b.value]:[b.value,v.value]])}});exports.default=M;

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

@@ -1,7 +1,7 @@
 import Tooltip from './tooltip.vue';
 export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -198,7 +198,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     hide: (event?: Event | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {

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

@@ -54,7 +54,7 @@ export interface ToolTipProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -272,7 +272,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     hide: (event?: Event | undefined) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {

package/lib/components/virtual-list/builders/build-grid.d.ts

@@ -177,10 +177,10 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly className: string;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/builders/build-list.d.ts

@@ -152,11 +152,11 @@ declare const createList: ({ name, getOffset, getItemSize, getItemOffset, getEst
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly className: string;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/components/dynamic-size-grid.d.ts

@@ -178,10 +178,10 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly className: string;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/components/dynamic-size-list.d.ts

@@ -150,11 +150,11 @@ declare const DynamicSizeList: import("vue").DefineComponent<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly className: string;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/components/fixed-size-grid.d.ts

@@ -172,10 +172,10 @@ declare const FixedSizeGrid: import("vue").DefineComponent<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly className: string;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/virtual-list/components/fixed-size-list.d.ts

@@ -149,11 +149,11 @@ declare const FixedSizeList: import("vue").DefineComponent<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }, {
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly className: string;
-    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
     readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/hooks/use-popper/index.d.ts

@@ -41,13 +41,13 @@ export declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, pop
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             } | undefined;
             offset?: {
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                left?: import("@popperjs/core").Offsets | undefined;
+                right?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
                 auto?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
-                top?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
-                right?: import("@popperjs/core").Offsets | undefined;
-                left?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;
                 "top-end"?: import("@popperjs/core").Offsets | undefined;
                 "bottom-start"?: import("@popperjs/core").Offsets | undefined;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.51";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.55";exports.version=e;