vft 0.0.150 → 0.0.153

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

@@ -1,57 +1,23 @@
 import { type IconProps } from 'vft/es/components';
-declare const _default: import("vue").DefineComponent<{
-    panes: {
-        type: globalThis.PropType<{
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                label: string;
-                name: string | number;
-                closable: boolean;
-                disabled: boolean;
-                lazy: boolean;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-            attrs: Record<string, any>;
-        }[]>;
-        required: true;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+import type { TabsPaneContext } from './types';
+interface TabNavProps {
+    panes: TabsPaneContext[];
+    /** 标签是否同时可增加和关闭 */
+    editable?: boolean;
+    /** 标签是否可增加 */
+    addable?: boolean;
+    /** tab 类型 */
+    stretch?: boolean;
+    showBar?: boolean;
+    /** 图标配置 */
+    closeIconCfg?: IconProps;
+    addIconCfg?: IconProps;
+    arrowLeftIconCfg?: IconProps;
+    arrowRightIconCfg?: IconProps;
+    fixTabCount?: number;
+    fixExtraScrollWidth?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabNavProps>, {
     scrollToActiveTab: () => Promise<void>;
     removeFocus: () => boolean;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -59,62 +25,19 @@ declare const _default: import("vue").DefineComponent<{
     tabRemove: (...args: any[]) => void;
     tabAdd: (...args: any[]) => void;
     tabContextmenu: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    panes: {
-        type: globalThis.PropType<{
-            uid: number;
-            slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            props: {
-                label: string;
-                name: string | number;
-                closable: boolean;
-                disabled: boolean;
-                lazy: boolean;
-            };
-            paneName: string | number | undefined;
-            active: boolean;
-            index: string | undefined;
-            isClosable: boolean;
-            attrs: Record<string, any>;
-        }[]>;
-        required: true;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>> & {
     onTabClick?: ((...args: any[]) => any) | undefined;
     onTabRemove?: ((...args: any[]) => any) | undefined;
     onTabAdd?: ((...args: any[]) => any) | undefined;
     onTabContextmenu?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

@@ -1,39 +1,28 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string | number>;
-    };
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    lazy: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string | number>;
-    };
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    lazy: {
-        type: globalThis.PropType<boolean>;
-    };
-}>>, {}, {}>, {
+interface TabPaneProps {
+    /** 选项卡标题 */
+    label?: string;
+    /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */
+    name?: string | number;
+    /** 标签是否可关闭 */
+    closable?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 标签是否延迟渲染 */
+    lazy?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabPaneProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -23,50 +23,7 @@ export interface TabsProps {
     fixTabCount?: number;
     fixExtraScrollWidth?: number;
 }
-declare const _default: import("vue").DefineComponent<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    tabPosition: {
-        type: globalThis.PropType<"left" | "right" | "bottom" | "top">;
-    };
-    beforeLeave: {
-        type: globalThis.PropType<Function>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabsProps>, {
     currentName: globalThis.Ref<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
@@ -109,51 +66,8 @@ declare const _default: import("vue").DefineComponent<{
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
-    edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    tabPosition: {
-        type: globalThis.PropType<"left" | "right" | "bottom" | "top">;
-    };
-    beforeLeave: {
-        type: globalThis.PropType<Function>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+    edit: (paneName: string | number | undefined, action: "add" | "remove") => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & {
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
@@ -194,6 +108,15 @@ declare const _default: import("vue").DefineComponent<{
         attrs: Record<string, any>;
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
-    onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

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

@@ -27,7 +27,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     closable: {
         type: globalThis.PropType<boolean>;
     };

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

@@ -10,61 +10,20 @@ export interface TagProps {
     effect?: 'dark' | 'light' | 'plain';
     round?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<TagType>;
-    };
-    hit: {
-        type: globalThis.PropType<boolean>;
-    };
-    disableTransitions: {
-        type: globalThis.PropType<boolean>;
-    };
-    color: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<ComponentSize>;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark" | "plain">;
-    };
-    round: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TagProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<TagType>;
-    };
-    hit: {
-        type: globalThis.PropType<boolean>;
-    };
-    disableTransitions: {
-        type: globalThis.PropType<boolean>;
-    };
-    color: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<ComponentSize>;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark" | "plain">;
-    };
-    round: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/components/tag/tag.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");require("../form/index.cjs");const d=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("../form/hooks/use-form-common-props.cjs");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const q=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:{},hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:{},size:{},effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:r}){const c=n.useSlots(),s=m.useFormSize(),t=f.useNamespace("tag"),a=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(s.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),i=o=>{r("close",o)},u=o=>{r("click",o)},l=()=>{var o;return n.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:u},[n.createVNode("span",{class:t.e("content")},[(o=c.default)==null?void 0:o.call(c)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:i},[n.createVNode(d.VftIcon,{icon:"icon-close"},null)]):""])};return()=>{let o;return e.disableTransitions?l():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},b(o=l())?o:{default:()=>[o]})}}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");require("../form/index.cjs");const m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash");const f=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-common-props.cjs");function q(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const y=n.defineComponent({__name:"tag",props:{closable:{type:Boolean},type:{},hit:{type:Boolean},disableTransitions:{type:Boolean,default:!0},color:{},size:{},effect:{default:"light"},round:{type:Boolean}},emits:["close","click"],setup(e,{emit:i}){const r=i,c=n.useSlots(),s=b.useFormSize(),t=f.useNamespace("tag"),a=n.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(s.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),u=o=>{r("close",o)},d=o=>{r("click",o)},l=()=>{var o;return n.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:d},[n.createVNode("span",{class:t.e("content")},[(o=c.default)==null?void 0:o.call(c)]),e.closable?n.createVNode("div",{class:t.e("close"),onClick:u},[n.createVNode(m.VftIcon,{icon:"icon-close"},null)]):""])};return()=>{let o;return e.disableTransitions?l():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(o=l())?o:{default:()=>[o]})}}});exports.default=y;