vft 0.0.48 → 0.0.51

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

@@ -0,0 +1,137 @@
+import type { PropType as __PropType } from 'vue';
+import { type PaginationProps } from 'vft/es/components/pagination';
+import type { IColumnsOption, IDefaultSort, TableConfigProps } from './type';
+interface stickyOption {
+    offsetTop: number;
+    getContainer?: HTMLElement;
+}
+export interface TableProps {
+    /** 最大高度，设置后自动开启虚拟滚动 */
+    maxHeight?: number;
+    /** 列配置项 */
+    columns: IColumnsOption[];
+    /** 表格数据 */
+    tableData: any[];
+    /** 是否在加载中 */
+    loading?: boolean;
+    /** 表格高度 */
+    height?: Numberish;
+    /** 分页页数 */
+    pageSize?: number;
+    /** 总数 */
+    total?: number;
+    /** 默认排序 */
+    defaultSort?: IDefaultSort;
+    /** 表格配置 */
+    tableConfig?: TableConfigProps;
+    /** 滚动条是否固定在底部 */
+    sticky?: boolean | stickyOption;
+    pagePlacement?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    pageOptions: Partial<PaginationProps>;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    maxHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    columns: {
+        type: __PropType<import("vxe-table").VxeTableDefines.ColumnOptions[]>;
+        required: true;
+    };
+    tableData: {
+        type: __PropType<any[]>;
+        required: true;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    height: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    pageSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    total: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    defaultSort: {
+        type: __PropType<IDefaultSort | undefined>;
+        required: false;
+    };
+    tableConfig: {
+        type: __PropType<TableConfigProps<any> | undefined>;
+        required: false;
+    };
+    sticky: {
+        type: __PropType<boolean | stickyOption | undefined>;
+        required: false;
+    };
+    pagePlacement: {
+        type: __PropType<"bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined>;
+        required: false;
+    };
+    pageOptions: {
+        type: __PropType<Partial<PaginationProps>>;
+        required: true;
+    };
+}, {
+    table: import("vue").Ref<import("vxe-table").VxeGridInstance | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("page-change" | "sort-change" | "update:pageNum")[], "page-change" | "sort-change" | "update:pageNum", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    maxHeight: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    columns: {
+        type: __PropType<import("vxe-table").VxeTableDefines.ColumnOptions[]>;
+        required: true;
+    };
+    tableData: {
+        type: __PropType<any[]>;
+        required: true;
+    };
+    loading: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    height: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+    pageSize: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    total: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    defaultSort: {
+        type: __PropType<IDefaultSort | undefined>;
+        required: false;
+    };
+    tableConfig: {
+        type: __PropType<TableConfigProps<any> | undefined>;
+        required: false;
+    };
+    sticky: {
+        type: __PropType<boolean | stickyOption | undefined>;
+        required: false;
+    };
+    pagePlacement: {
+        type: __PropType<"bottom-left" | "bottom-right" | "top-left" | "top-right" | undefined>;
+        required: false;
+    };
+    pageOptions: {
+        type: __PropType<Partial<PaginationProps>>;
+        required: true;
+    };
+}>> & {
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
+    "onSort-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:pageNum"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/table/table.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),W=require("../empty/index.cjs"),k=require("../pagination/index.cjs"),$=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const q=require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const D=require("vxe-table"),I=require("../empty/constants.cjs"),u=$.useNamespace("table"),T=e.defineComponent({name:u.b()}),A=e.defineComponent({...T,props:{maxHeight:null,columns:null,tableData:{default:[]},loading:{type:Boolean,default:!1},height:null,pageSize:{default:50},total:null,defaultSort:{default:{}},tableConfig:{default:{}},sticky:{type:[Boolean,Object]},pagePlacement:{default:"bottom-right"},pageOptions:null},emits:["page-change","sort-change","update:pageNum"],setup(n,{expose:z,emit:m}){const B=e.useAttrs(),o=e.ref(1),E=e.ref(0),i=e.ref(),P=q.useDebounceFn(()=>N(),120),y=e.computed(()=>n.pagePlacement.startsWith("bottom"));e.watch([()=>n.loading,()=>n.tableData,()=>n.columns],()=>{P()},{immediate:!0});function N(){g.data=n.tableData,b(o.value)}D.VXETable.formats.mixin({showEmpty({cellValue:t}){return t||"-"}});const R=e.computed(()=>n.columns.filter(t=>(t&&t.type!=="seq"&&!t.formatter&&!t.slots&&!t.cellRender&&(t.cellRender={name:"Encrypt"}),t))),H=()=>({maxHeight:"88px",height:"44px"}),L=t=>{var a;const{column:l}=t;return{maxHeight:((a=l==null?void 0:l.cellRender)==null?void 0:a.name)==="Clamp"?"max-content":"44px"}},g=e.reactive({autoResize:!0,sortConfig:{trigger:"cell",remote:!0,defaultSort:{field:"",order:"desc",...n.defaultSort},orders:["desc","asc",null]},seqConfig:{startIndex:E.value},cellClassName:"cellClass",rowClassName:"rowClass",cellStyle:L,rowStyle:H,headerRowClassName:"headerRowClass",headerAlign:"center",columnConfig:{resizable:!0},rowConfig:{isHover:!0},scrollY:{mode:"wheel"},scrollX:{enabled:!1},...n.tableConfig,...B}),V=t=>{m("sort-change",t)};e.watch(()=>o.value,t=>{b(t)});const b=t=>{g.seqConfig&&(g.seqConfig.startIndex=(t-1)*n.pageSize)},s=e.ref(),p=e.ref(),v=e.ref(!1);let r=e.ref(),f=e.ref();const d=e.computed(()=>{var t;return((t=n.sticky)==null?void 0:t.getContainer)||document.documentElement||document.body});e.watch(()=>[i,n.sticky],()=>{var t,l,a;(t=i.value)!=null&&t.$el&&n.sticky&&((l=d.value)==null||l.removeEventListener("scroll",h),(a=d.value)==null||a.addEventListener("scroll",h),setTimeout(()=>{C()},50))},{immediate:!0,deep:!0});function C(){if(!r.value||!f.value||(h(),!v.value))return;const t=r.value.clientWidth,l=f.value.offsetWidth;s.value.style.width=t-1+"px",p.value.style.width=l+"px"}function h(){var x,S,w;if(!((x=i.value)!=null&&x.$el)||!r.value||!d.value)return;const t=((S=d.value)==null?void 0:S.clientHeight)||window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight,{top:l,bottom:a}=r.value.getBoundingClientRect(),c=((w=d.value)==null?void 0:w.getBoundingClientRect().top)||document.body.getBoundingClientRect().top;v.value=l<t&&a>t&&a-c>t,s.value.scrollLeft=r.value.scrollLeft}const O=()=>{var l;const t=(l=i.value)==null?void 0:l.$el;t&&(r.value=t.querySelector(".vxe-table--body-wrapper"),f.value=t.querySelector(".vxe-table--body"),!(!r.value&&!f.value)&&(r.value.addEventListener("scroll",function(a){s.value.scrollLeft=a.target.scrollLeft}),s.value.addEventListener("scroll",function(a){r.value.scrollLeft=a.target.scrollLeft})))};return e.onMounted(()=>{n.sticky&&(O(),q.useResizeObserver(i,()=>C()))}),z({table:i}),(t,l)=>{const a=e.resolveComponent("vxe-grid");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u).b())},[e.unref(y)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:0,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[0]||(l[0]=c=>m("page-change",o.value)),"current-page":o.value,"onUpdate:currentPage":l[1]||(l[1]=c=>o.value=c)}),null,16,["class","total","page-size","current-page"])),e.createVNode(a,e.mergeProps({ref_key:"xGrid",ref:i},g,{height:n.height,"max-height":n.maxHeight,columns:e.unref(R),data:n.tableData,"auto-resize":"",loading:n.loading,resizable:"",onSortChange:V}),e.createSlots({empty:e.withCtx(()=>[e.createVNode(e.unref(W.VftEmpty),{type:e.unref(I.EmptyEnum).NO_DATA},null,8,["type"])]),_:2},[n.sticky?{name:"bottom",fn:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"stickyScroll",ref:s,class:e.normalizeClass(e.unref(u).e("sticky-scroll-warpper"))},[e.createElementVNode("div",{ref_key:"stickyScrollBar",ref:p,class:e.normalizeClass(e.unref(u).e("sticky-scroll-bar"))},null,2)],2),[[e.vShow,v.value]])]),key:"0"}:void 0]),1040,["height","max-height","columns","data","loading"]),e.unref(y)?(e.openBlock(),e.createBlock(e.unref(k.VftPagination),e.mergeProps({key:1,class:[e.unref(u).e("pager"),e.unref(u).m("pager-"+n.pagePlacement)],layout:"prev, pager, next"},n.pageOptions,{total:n.total,"page-size":n.pageSize,onCurrentChange:l[2]||(l[2]=c=>m("page-change",o.value)),"current-page":o.value,"onUpdate:currentPage":l[3]||(l[3]=c=>o.value=c)}),null,16,["class","total","page-size","current-page"])):e.createCommentVNode("",!0)],2)}}});exports.default=A;

package/lib/components/table/type.cjs

@@ -0,0 +1 @@
+"use strict";

package/lib/components/table/type.d.ts

@@ -0,0 +1,21 @@
+import type { VxeTableDefines, VxeGridProps, VxeGridInstance } from 'vxe-table';
+/** 列的属性 */
+export interface IColumn {
+    [key: string]: any;
+}
+/** 表格实例 */
+export type TableInstance = VxeGridInstance;
+/** 表格配置项 参考vxe-grid */
+export type TableConfigProps<T = any> = VxeGridProps<T>;
+/** 列的配置项 */
+export type IColumnsOption = VxeTableDefines.ColumnOptions;
+export type SortOrder = 'desc' | 'asc' | null;
+export interface IDefaultSort {
+    field: string;
+    order: SortOrder;
+}
+export interface SortCheckedParams {
+    field: string;
+    order: SortOrder;
+    [key: string]: any;
+}

package/lib/components/tabs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const a=require("./tabs.vue2.cjs"),t=require("./tab-pane.vue2.cjs"),r=require("./types.cjs"),u=e.withInstall(a.default,{TabPane:t.default}),s=e.withNoopInstall(t.default);exports.TabsRootContextKey=r.TabsRootContextKey;exports.VftTabPane=s;exports.VftTabs=u;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/vue/install.cjs");require("vue");require("@vft/utils");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const u=require("./tabs.vue2.cjs"),t=require("./tab-pane.vue2.cjs"),a=require("./types.cjs"),r=e.withInstall(u.default,{TabPane:t.default}),s=e.withNoopInstall(t.default);exports.TabsRootContextKey=a.TabsRootContextKey;exports.VftTabPane=s;exports.VftTabs=r;exports.default=r;

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

@@ -12,7 +12,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<Numberish>;
+        type: import("vue").PropType<string | number>;
         required: true;
     };
     editable: {
@@ -20,7 +20,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -50,7 +50,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
 }, {
     currentName: import("vue").Ref<Numberish>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (name: Numberish) => boolean;
+    "update:modelValue": (name: string | number) => boolean;
     tabClick: (pane: {
         uid: number;
         slots: Readonly<{
@@ -58,7 +58,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -76,7 +76,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -87,9 +87,9 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         isClosable: boolean;
         attrs: Record<string, any>;
     }, index: number, ev: Event) => boolean;
-    tabChange: (name: Numberish) => boolean;
-    edit: (paneName: Numberish | undefined, action: "add" | "remove") => boolean;
-    tabRemove: (name: Numberish) => boolean;
+    tabChange: (name: string | number) => boolean;
+    edit: (paneName: string | number | undefined, action: "add" | "remove") => boolean;
+    tabRemove: (name: string | number) => boolean;
     tabAdd: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
@@ -105,7 +105,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     modelValue: {
-        type: import("vue").PropType<Numberish>;
+        type: import("vue").PropType<string | number>;
         required: true;
     };
     editable: {
@@ -113,7 +113,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -141,7 +141,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((name: Numberish) => any) | undefined;
+    "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
         slots: Readonly<{
@@ -149,7 +149,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -167,7 +167,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -178,9 +178,9 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         isClosable: boolean;
         attrs: Record<string, any>;
     }, index: number, ev: Event) => any) | undefined;
-    onTabChange?: ((name: Numberish) => any) | undefined;
-    onEdit?: ((paneName: Numberish | undefined, action: "add" | "remove") => any) | undefined;
-    onTabRemove?: ((name: Numberish) => any) | undefined;
+    onTabChange?: ((name: string | number) => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
+    onTabRemove?: ((name: string | number) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
 }, {}>> & {
     TabPane: import("vue").DefineComponent<{
@@ -189,7 +189,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         name: {
-            type: import("vue").PropType<Numberish | undefined>;
+            type: import("vue").PropType<string | number | undefined>;
             required: false;
         };
         closable: {
@@ -210,7 +210,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             required: false;
         };
         name: {
-            type: import("vue").PropType<Numberish | undefined>;
+            type: import("vue").PropType<string | number | undefined>;
             required: false;
         };
         closable: {
@@ -233,7 +233,7 @@ export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     name: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     closable: {
@@ -254,7 +254,7 @@ export declare const VftTabPane: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     name: {
-        type: import("vue").PropType<Numberish | undefined>;
+        type: import("vue").PropType<string | number | undefined>;
         required: false;
     };
     closable: {

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

@@ -9,7 +9,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             }>;
             props: {
                 label: string;
-                name: Numberish;
+                name: string | number;
                 closable: boolean;
                 disabled: boolean;
                 lazy: boolean;
@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             }>;
             props: {
                 label: string;
-                name: Numberish;
+                name: string | number;
                 closable: boolean;
                 disabled: boolean;
                 lazy: boolean;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./types.cjs"),S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core"),u=require("@vft/utils");require("../../utils/ns-cover.cjs");const $=e.defineComponent({__name:"tab-bar",props:{tabs:null},setup(g,{expose:v}){const a=g,_=e.getCurrentInstance(),l=e.inject(x.TabsRootContextKey),p=S.useNamespace("tabs"),i=e.ref(),f=e.ref(),h=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",z=b==="x"?"left":"top";return a.tabs.every(d=>{var m,y;const n=(y=(m=_.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!n)return!1;if(!d.active)return!0;t=n[`offset${u.capitalize(z)}`],r=n[`client${u.capitalize(s)}`];const c=window.getComputedStyle(n);return s==="width"&&(a.tabs.length>1&&(r-=Number.parseFloat(c.paddingLeft)+Number.parseFloat(c.paddingRight)),t+=Number.parseFloat(c.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${u.capitalize(b)}(${t}px)`}},o=()=>f.value=h();e.watch(()=>a.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const q=e.computed(()=>l.props.tabPosition);return w.useResizeObserver(i,()=>o()),v({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(e.unref(q))]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),x=require("./types.cjs"),S=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const w=require("@vueuse/core"),c=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const $=e.defineComponent({__name:"tab-bar",props:{tabs:null},setup(g,{expose:q}){const a=g,v=e.getCurrentInstance(),l=e.inject(x.TabsRootContextKey),p=S.useNamespace("tabs"),i=e.ref(),f=e.ref(),_=()=>{let t=0,r=0;const s=["top","bottom"].includes(l.props.tabPosition)?"width":"height",b=s==="width"?"x":"y",z=b==="x"?"left":"top";return a.tabs.every(d=>{var m,y;const n=(y=(m=v.parent)==null?void 0:m.refs)==null?void 0:y[`tab-${d.uid}`];if(!n)return!1;if(!d.active)return!0;t=n[`offset${c.capitalize(z)}`],r=n[`client${c.capitalize(s)}`];const u=window.getComputedStyle(n);return s==="width"&&(a.tabs.length>1&&(r-=Number.parseFloat(u.paddingLeft)+Number.parseFloat(u.paddingRight)),t+=Number.parseFloat(u.paddingLeft)),!1}),{[s]:`${r}px`,transform:`translate${c.capitalize(b)}(${t}px)`}},o=()=>f.value=_();e.watch(()=>a.tabs,async()=>{await e.nextTick(),o()},{immediate:!0});const h=e.computed(()=>l.props.tabPosition);return w.useResizeObserver(i,()=>o()),q({ref:i,update:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"barRef",ref:i,class:e.normalizeClass([e.unref(p).e("active-bar"),e.unref(p).is(e.unref(h))]),style:e.normalizeStyle(f.value)},null,6))}});exports.default=$;

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

@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             }>;
             props: {
                 label: string;
-                name: Numberish;
+                name: string | number;
                 closable: boolean;
                 disabled: boolean;
                 lazy: boolean;
@@ -67,7 +67,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             }>;
             props: {
                 label: string;
-                name: Numberish;
+                name: string | number;
                 closable: boolean;
                 disabled: boolean;
                 lazy: boolean;

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("../../utils/ns-cover.cjs");require("lodash");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("../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");const T=require("@vueuse/core"),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(a,{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)}`],n=d.value;r-n<=e||(d.value=r-n>e*2?n+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 n=b.value,g=["top","bottom"].includes(q.props.tabPosition),s=e.getBoundingClientRect(),i=n.getBoundingClientRect(),c=g?r.offsetWidth-i.width:r.offsetHeight-i.height,u=d.value;let l=u;g?(s.left<i.left&&(l=u-(i.left-s.left)),s.right>i.right&&(l=u+s.right-i.right)):(s.top<i.top&&(l=u-(i.top-s.top)),s.bottom>i.bottom&&(l=u+(s.bottom-i.bottom))),l=Math.max(l,0),d.value=Math.min(l,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)}`],n=d.value;e<r?(f.value=f.value||{},f.value.prev=n,f.value.next=n+e<r,r-n<e&&(d.value=r-e)):(f.value=!1,n>0&&(d.value=0))},H=r=>{const e=r.code,{up:n,down:g,left:s,right:i}=x.EVENT_CODE;if(![n,g,s,i].includes(e))return;const c=Array.from(r.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),u=c.indexOf(r.target);let l;e===s||e===n?u===0?l=c.length-1:l=u-1:u<c.length-1?l=u+1:l=0,c[l].focus(),c[l].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(()=>a.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=a.arrowLeftIconCfg)!=null&&r.icon?t.createVNode(V.VftIcon,a.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!f.value.next)],onClick:j},[(e=a.arrowRightIconCfg)!=null&&e.icon?t.createVNode(V.VftIcon,a.arrowRightIconCfg,null):null])]:null}),U=t.computed(()=>{var r;return(r=a.panes)==null?void 0:r.map((e,n)=>{var S,k,B;const g=e.uid,s=e.props.disabled,i=e.props.name??e.index??`${n}`,c=!s&&(e.isClosable||a.editable);e.index=`${n}`;const u=c?t.createVNode("span",{class:"is-icon-close",onClick:v=>m("tabRemove",e,v)},[(S=a.closeIconCfg)!=null&&S.icon?t.createVNode(V.VftIcon,a.closeIconCfg,null):null]):null,l=((B=(k=e.slots).label)==null?void 0:B.call(k))||e.props.label,Y=!s&&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",s),o.is("closable",c),o.is("focus",y.value)],id:`tab-${i}`,key:`tab-${g}`,"aria-controls":`pane-${i}`,role:"tab","aria-selected":e.active,tabindex:Y,onFocus:()=>z(),onBlur:()=>I(),onClick:v=>{I(),m("tabClick",e,i,v)},onContextmenu:v=>{v.preventDefault(),m("tabContextmenu",{pane:e,index:n,event:v})},onKeydown:v=>{c&&(v.code===x.EVENT_CODE.delete||v.code===x.EVENT_CODE.backspace)&&m("tabRemove",e,v)}},[l,u])})}),X=a.editable||a.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=a.addIconCfg)!=null&&E.icon?t.createVNode(V.VftIcon,a.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",a.stretch&&["top","bottom"].includes(q.props.tabPosition))],ref:C,style:M.value,role:"tablist",onKeydown:H},[a.type?null:t.createVNode(Q.default,{tabs:[...a.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("@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=_;

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

@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     name: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     closable: {
@@ -26,7 +26,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     name: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     closable: {

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");const f=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash");const v=require("./types.cjs"),y=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("@vueuse/core"),q=["id","aria-hidden","aria-labelledby"],l=y.useNamespace("tab-pane"),h=e.defineComponent({name:l.b()}),C=e.defineComponent({...h,props:{label:null,name:null,closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(r){const a=e.getCurrentInstance(),b=e.useSlots(),n=e.inject(v.TabsRootContextKey);n||f.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const o=e.ref(),p=e.computed(()=>r.closable||n.props.closable),t=d.eagerComputed(()=>n.currentName.value===(r.name??o.value)),i=e.ref(t.value),s=e.computed(()=>r.name??o.value),m=d.eagerComputed(()=>!r.lazy||i.value||t.value);e.watch(t,u=>{u&&(i.value=!0)});const c=e.reactive({uid:a.uid,slots:b,props:a.props,paneName:s,active:t,index:o,isClosable:p,attrs:a.attrs});return e.onMounted(()=>{n.registerPane(c)}),e.onUnmounted(()=>{n.unregisterPane(c.uid)}),(u,g)=>e.unref(m)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${e.unref(s)}`,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${e.unref(s)}`},[e.renderSlot(u.$slots,"default")],10,q)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");const f=require("../../utils/error.cjs");require("lodash");const d=require("@vueuse/core");require("../../utils/ns-cover.cjs");const v=require("./types.cjs"),q=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const y=["id","aria-hidden","aria-labelledby"],l=q.useNamespace("tab-pane"),h=e.defineComponent({name:l.b()}),C=e.defineComponent({...h,props:{label:null,name:null,closable:{type:Boolean},disabled:{type:Boolean},lazy:{type:Boolean}},setup(n){const a=e.getCurrentInstance(),b=e.useSlots(),r=e.inject(v.TabsRootContextKey);r||f.throwError(l.b(),"usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");const o=e.ref(),p=e.computed(()=>n.closable||r.props.closable),t=d.eagerComputed(()=>r.currentName.value===(n.name??o.value)),i=e.ref(t.value),u=e.computed(()=>n.name??o.value),m=d.eagerComputed(()=>!n.lazy||i.value||t.value);e.watch(t,s=>{s&&(i.value=!0)});const c=e.reactive({uid:a.uid,slots:b,props:a.props,paneName:u,active:t,index:o,isClosable:p,attrs:a.attrs});return e.onMounted(()=>{r.registerPane(c)}),e.onUnmounted(()=>{r.unregisterPane(c.uid)}),(s,g)=>e.unref(m)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,id:`pane-${e.unref(u)}`,class:e.normalizeClass(e.unref(l).b()),role:"tabpanel","aria-hidden":!e.unref(t),"aria-labelledby":`tab-${e.unref(u)}`},[e.renderSlot(s.$slots,"default")],10,y)),[[e.vShow,e.unref(t)]]):e.createCommentVNode("",!0)}});exports.default=C;

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

@@ -15,7 +15,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     modelValue: {
-        type: __PropType<Numberish>;
+        type: __PropType<string | number>;
         required: true;
     };
     editable: {
@@ -23,7 +23,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -53,15 +53,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     currentName: import("vue").Ref<Numberish>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (name: Numberish) => boolean;
+    "update:modelValue": (name: string | number) => boolean;
     /** 点击 */
     tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
     /** 右键点击 */
     tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => boolean;
-    tabChange: (name: Numberish) => boolean;
-    edit: (paneName: Numberish | undefined, action: 'remove' | 'add') => boolean;
+    tabChange: (name: string | number) => boolean;
+    edit: (paneName: string | number | undefined, action: 'remove' | 'add') => boolean;
     /** 移除 */
-    tabRemove: (name: Numberish) => boolean;
+    tabRemove: (name: string | number) => boolean;
     /** 增加 */
     tabAdd: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -78,7 +78,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     modelValue: {
-        type: __PropType<Numberish>;
+        type: __PropType<string | number>;
         required: true;
     };
     editable: {
@@ -86,7 +86,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -114,7 +114,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((name: Numberish) => any) | undefined;
+    "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
         slots: Readonly<{
@@ -122,7 +122,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -140,7 +140,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -151,9 +151,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         isClosable: boolean;
         attrs: Record<string, any>;
     }, index: number, ev: Event) => any) | undefined;
-    onTabChange?: ((name: Numberish) => any) | undefined;
-    onEdit?: ((paneName: Numberish | undefined, action: "add" | "remove") => any) | undefined;
-    onTabRemove?: ((name: Numberish) => any) | undefined;
+    onTabChange?: ((name: string | number) => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
+    onTabRemove?: ((name: string | number) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
 }, {}>;
 export default _sfc_main;

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"),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:w,removeChild:T}=V.useOrderedChildren(n.getCurrentInstance(),"vft-tab-pane");n.provide(k.TabsRootContextKey,{props:C.props,currentName:d,registerPane:w,unregisterPane:T}),u({currentName:d});const q=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:q.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"),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;

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

@@ -21,7 +21,7 @@ export interface TabPaneProps {
     /** 选项卡标题   */
     label: string;
     /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */
-    name: Numberish;
+    name: string | number;
     /** 标签是否可关闭   */
     closable: boolean;
     /** 是否禁用   */
@@ -37,7 +37,7 @@ export interface TabsProps {
     /** 标签是否可增加 */
     addable?: boolean;
     /** 绑定值，选中选项卡的 name */
-    modelValue: Numberish;
+    modelValue: string | number;
     /** 标签是否同时可增加和关闭 */
     editable?: boolean;
     /** 选项卡所在位置 */

package/lib/components/tag/index.cjs

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

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

@@ -31,7 +31,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -65,7 +65,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
         required: false;
     };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftTag;

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

@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -68,7 +68,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;