vft 0.0.239 → 0.0.241

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"),N=require("@vft/utils"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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("../clamp-tooltip/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 y=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("../steps/index.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("../timeline/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("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../message/index.cjs");require("../infinite-scroll/index.cjs");require("../progress-i/index.cjs");const I=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),re=t.defineComponent({name:"vft-tab-nav"}),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},trigger:{default:"click"}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(u,{expose:M,emit:W}){var z;const C=W,L=F.useNamespace("tab-nav"),K=t.getCurrentInstance(),m=t.inject(ee.TabsRootContextKey);m||_.throwError(L.b(),"<vft-tabs><tab-nav /></vft-tabs>");const o=F.useNamespace("tabs"),j=E.useDocumentVisibility(),H=E.useWindowFocus(),T=t.ref(),q=t.ref(),h=t.ref(),B=t.ref(),l=t.ref(!1),c=t.ref(0),p=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${N.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${N.capitalize(x.value)}`],i=q.value[`offset${N.capitalize(x.value)}`],r=c.value;e-r<=i||(c.value=e-r>i*2?r+i:e-i)},O=async()=>{const e=h.value,i=B.value;if(!l.value||!T.value||!q.value||!e)return;await t.nextTick();const r=T.value.querySelector(".is-active");if(!r)return;const g=q.value,b=["top","bottom"].includes(m.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=u.fixTabCount?((i==null?void 0:i.offsetWidth)||0)+u.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)},R=()=>{if(!h.value||!q.value)return;const e=h.value[`offset${N.capitalize(x.value)}`],i=q.value[`offset${N.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:g,left:b,right:n}=I.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(),$()},$=()=>{w.value&&(p.value=!0)},S=()=>p.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(T.value,R),t.onMounted(()=>setTimeout(()=>O(),0)),t.onUpdated(()=>R()),M({scrollToActiveTab:O,removeFocus:S}),t.watch(()=>u.panes,()=>K.update(),{flush:"post"});const J=t.computed(()=>{var e,i;return l.value?[t.createVNode("span",{class:[o.e("nav-prev"),o.is("disabled",!l.value.prev)],onClick:X},[(e=u.arrowLeftIconCfg)!=null&&e.icon?t.createVNode(y.VftIcon,u.arrowLeftIconCfg,null):null]),t.createVNode("span",{class:[o.e("nav-next"),o.is("disabled",!l.value.next)],onClick:Y},[(i=u.arrowRightIconCfg)!=null&&i.icon?t.createVNode(y.VftIcon,u.arrowRightIconCfg,null):null])]:null}),Q=t.computed(()=>e=>{var i;return(i=u.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||u.editable);r.index=`${g}`;const s=f?t.createVNode("span",{class:"is-icon-close",onClick:d=>C("tabRemove",r,d)},[(P=u.closeIconCfg)!=null&&P.icon?t.createVNode(y.VftIcon,u.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",t.mergeProps({ref:`tab-${b}`,class:[o.e("item"),o.is(m.props.tabPosition),o.is("active",r.active),o.is("disabled",n),o.is("closable",f),o.is("focus",p.value)],id:`tab-${a}`,key:`tab-${b}`,"aria-controls":`pane-${a}`,role:"tab","aria-selected":r.active,tabindex:V,onFocus:()=>$(),onBlur:()=>S()},{[u.trigger==="click"?"onClick":"onMouseenter"]:d=>{S(),C("tabClick",r,a,d)}},{onContextmenu:d=>{d.preventDefault(),C("tabContextmenu",{pane:r,index:g,event:d})},onKeydown:d=>{f&&(d.code===I.EVENT_CODE.delete||d.code===I.EVENT_CODE.backspace)&&C("tabRemove",r,d)}}),[v,s])})}),Z=u.editable||u.addable?t.createVNode("span",{class:o.e("new-tab"),tabindex:"0",onClick:()=>C("tabAdd"),onKeydown:e=>{e.code===I.EVENT_CODE.enter&&C("tabAdd")}},[(z=u.addIconCfg)!=null&&z.icon?t.createVNode(y.VftIcon,u.addIconCfg,null):null]):null;t.useSlots();const k=(e=!1)=>t.createVNode("div",{class:[o.e("nav"),o.is(m.props.tabPosition),o.is("fixed-nav",e),o.is("stretch",u.stretch&&["top","bottom"].includes(m.props.tabPosition))],ref:e?B:h,style:e?{}:U.value,role:"tablist",onKeydown:G},[u.showBar?t.createVNode(te.default,{tabs:[...u.panes]},null):null,Q.value(e?u.fixTabCount:void 0)]);return()=>t.createVNode("div",{ref:T,class:[o.e("nav-wrap"),o.is("scrollable",!!l.value),o.is(m.props.tabPosition)]},[J.value,t.createVNode("div",{class:[o.e("nav-scroll"),o.is("have-fixed-tab",!!u.fixTabCount)],ref:q},[k(),u.fixTabCount?k(!0):null,Z])])}});exports.default=ie;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@vueuse/core"),T=require("@vft/utils"),_=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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("../clamp-tooltip/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 R=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("../steps/index.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("../timeline/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("../../hooks/use-model-toggle/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 V=require("@vft/constants"),ee=require("./types.cjs"),te=require("./tab-bar.vue2.cjs"),re=e.defineComponent({name:"vft-tab-nav"}),ie=e.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},trigger:{default:"click"},currentName:{default:""}},emits:["tabClick","tabRemove","tabAdd","tabContextmenu"],setup(i,{expose:A,emit:M}){const h=M,D=F.useNamespace("tab-nav"),L=e.getCurrentInstance(),m=e.inject(ee.TabsRootContextKey);m||_.throwError(D.b(),"<vft-tabs><tab-nav /></vft-tabs>");const a=F.useNamespace("tabs"),W=p.useDocumentVisibility(),K=p.useWindowFocus(),y=e.ref(),d=e.ref(),g=e.ref(),B=e.ref(),N=e.ref({}),E=e.ref(),c=e.ref(!1),f=e.ref(0),I=e.ref(!1),x=e.ref(!0),S=e.shallowRef(),C=e.computed(()=>["top","bottom"].includes(m.props.tabPosition)?"width":"height"),j=e.computed(()=>({transform:`translate${C.value==="width"?"X":"Y"}(-${f.value}px)`})),H=()=>{if(!d.value)return;const t=d.value[`offset${T.capitalize(C.value)}`],r=f.value;r&&(f.value=r>t?r-t:0)},U=()=>{if(!d.value||!g.value)return;const t=g.value[`offset${T.capitalize(C.value)}`],r=d.value[`offset${T.capitalize(C.value)}`],n=f.value;t-n<=r||(f.value=t-n>r*2?n+r:t-r)},O=async()=>{const t=g.value,r=B.value;if(!c.value||!y.value||!d.value||!t)return;await e.nextTick();const n=N.value[i.currentName];if(!n)return;const w=d.value,v=["top","bottom"].includes(m.props.tabPosition),o=n.getBoundingClientRect(),u=w.getBoundingClientRect(),b=v?t.offsetWidth-u.width:t.offsetHeight-u.height,l=f.value;let q=l;const s=i.fixTabCount?(r?.offsetWidth||0)+i.fixExtraScrollWidth:0;v?(o.left-s<u.left&&(q=l-(u.left-o.left+s)),o.right>u.right&&(q=l+o.right-u.right)):(o.top<u.top&&(q=l-(u.top-o.top)),o.bottom>u.bottom&&(q=l+(o.bottom-u.bottom))),q=Math.max(q,0),f.value=Math.min(q,b)},z=()=>{if(!g.value||!d.value)return;const t=g.value[`offset${T.capitalize(C.value)}`],r=d.value[`offset${T.capitalize(C.value)}`],n=f.value;r<t?(c.value=c.value||{},c.value.prev=n,c.value.next=n+r<t,t-n<r&&(f.value=t-r)):(c.value=!1,n>0&&(f.value=0))},X=t=>{const r=t.code,{up:n,down:w,left:v,right:o}=V.EVENT_CODE;if(![n,w,v,o].includes(r))return;const u=Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")),b=u.indexOf(t.target);let l;r===v||r===n?b===0?l=u.length-1:l=b-1:b<u.length-1?l=b+1:l=0,u[l].focus(),u[l].click(),$()},$=()=>{x.value&&(I.value=!0)},k=()=>I.value=!1,Y=(t,r)=>{N.value[r]=t},G=async()=>{await e.nextTick(),N.value[i.currentName]?.focus({preventScroll:!0})};e.watch(W,t=>{t==="hidden"?x.value=!1:t==="visible"&&setTimeout(()=>x.value=!0,50)}),e.watch(K,t=>{t?setTimeout(()=>x.value=!0,50):x.value=!1}),p.useResizeObserver(y,z),e.onMounted(()=>setTimeout(()=>O(),0)),e.onUpdated(()=>z()),A({scrollToActiveTab:O,removeFocus:k,focusActiveTab:G,tabListRef:g,tabBarRef:E,scheduleRender:()=>e.triggerRef(S)}),e.watch(()=>i.panes,()=>L.update(),{flush:"post"});const J=e.computed(()=>c.value?[e.createVNode("span",{class:[a.e("nav-prev"),a.is("disabled",!c.value.prev)],onClick:H},[i.arrowLeftIconCfg?.icon?e.createVNode(R.VftIcon,i.arrowLeftIconCfg,null):null]),e.createVNode("span",{class:[a.e("nav-next"),a.is("disabled",!c.value.next)],onClick:U},[i.arrowRightIconCfg?.icon?e.createVNode(R.VftIcon,i.arrowRightIconCfg,null):null])]:null),Q=e.computed(()=>t=>i.panes.slice(0,t)?.map((r,n)=>{const w=r.uid,v=r.props.disabled,o=r.props.name??r.index??`${n}`,u=!v&&(r.isClosable||i.editable);r.index=`${n}`;const b=u?e.createVNode("span",{class:"is-icon-close",onClick:s=>h("tabRemove",r,s)},[i.closeIconCfg?.icon?e.createVNode(R.VftIcon,i.closeIconCfg,null):null]):null,l=r.slots.label?.()||r.props.label,q=!v&&r.active?0:-1;return e.createVNode("div",e.mergeProps({ref:s=>Y(s,o),class:[a.e("item"),a.is(m.props.tabPosition),a.is("active",r.active),a.is("disabled",v),a.is("closable",u),a.is("focus",I.value)],id:`tab-${o}`,key:`tab-${w}`,"aria-controls":`pane-${o}`,role:"tab","aria-selected":r.active,tabindex:q,onFocus:()=>$(),onBlur:()=>k()},{[i.trigger==="click"?"onClick":"onMouseenter"]:s=>{k(),h("tabClick",r,o,s)}},{onContextmenu:s=>{s.preventDefault(),h("tabContextmenu",{pane:r,index:n,event:s})},onKeydown:s=>{u&&(s.code===V.EVENT_CODE.delete||s.code===V.EVENT_CODE.backspace)&&h("tabRemove",r,s)}}),[l,b])})),Z=i.editable||i.addable?e.createVNode("span",{class:a.e("new-tab"),tabindex:"0",onClick:()=>h("tabAdd"),onKeydown:t=>{t.code===V.EVENT_CODE.enter&&h("tabAdd")}},[i.addIconCfg?.icon?e.createVNode(R.VftIcon,i.addIconCfg,null):null]):null;e.useSlots();const P=(t=!1)=>(S.value,i.panes.length>0?e.createVNode("div",{class:[a.e("nav"),a.is(m.props.tabPosition),a.is("fixed-nav",t),a.is("stretch",i.stretch&&["top","bottom"].includes(m.props.tabPosition))],ref:t?B:g,style:t?{}:j.value,role:"tablist",onKeydown:X},[i.showBar?e.createVNode(te.default,{ref:E,tabs:[...i.panes],tabRefs:N.value},null):null,Q.value(t?i.fixTabCount:void 0)]):null);return()=>(S.value,e.createVNode("div",{ref:y,class:[a.e("nav-wrap"),a.is("scrollable",!!c.value),a.is(m.props.tabPosition)]},[J.value,e.createVNode("div",{class:[a.e("nav-scroll"),a.is("have-fixed-tab",!!i.fixTabCount)],ref:d},[P(),i.fixTabCount?P(!0):null,Z])]))}});exports.default=ie;

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

@@ -10,9 +10,11 @@ interface TabPaneProps {
     /** 标签是否延迟渲染 */
     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<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

@@ -1,4 +1,5 @@
-import { type IconProps } from 'vft/es/components';
+import { type IconProps, type TabPaneName } from 'vft/es/components';
+import { type VNode } from 'vue';
 export interface TabsProps {
     /** 标签是否可关闭 */
     closable?: boolean;
@@ -25,15 +26,14 @@ export interface TabsProps {
     /** tab 触发方式 */
     trigger?: 'click' | 'hover';
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabsProps>, {
-    currentName: import("vue").Ref<string | number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>, {
+    currentName: import("vue").Ref<string | number, string | number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        getVnode: () => VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -41,17 +41,16 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        getVnode: () => VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -59,23 +58,22 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, index: number, ev: Event) => void;
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
     edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        getVnode: () => VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -83,19 +81,18 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => any) | undefined;
     onTabRemove?: ((name: string | number) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
     onTabContextMenu?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        getVnode: () => VNode;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -103,15 +100,15 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
     onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

@@ -1,20 +1,23 @@
-import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef } from 'vue';
+import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef, VNode } from 'vue';
 import { type TabsProps } from './tabs.vue';
+export type TabPaneName = string | number;
 export type TabsPaneContext = UnwrapRef<{
     uid: number;
+    getVnode: () => VNode;
     slots: Slots;
     props: TabPaneProps;
-    paneName: ComputedRef<string | number | undefined>;
+    paneName: ComputedRef<TabPaneName | undefined>;
     active: ComputedRef<boolean>;
     index: Ref<string | undefined>;
     isClosable: ComputedRef<boolean>;
-    attrs: Record<string, any>;
+    isFocusInsidePane: () => boolean | undefined;
 }>;
 export interface TabsRootContext {
     props: TabsProps;
-    currentName: Ref<string | number>;
+    currentName: Ref<TabPaneName>;
     registerPane: (pane: TabsPaneContext) => void;
-    unregisterPane: (uid: number) => void;
+    unregisterPane: (pane: TabsPaneContext) => void;
+    nav$: Ref<any>;
 }
 export interface TabPaneProps {
     /** 选项卡标题   */

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

@@ -1,5 +1,5 @@
 export * from './types';
-export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean>;
     };
@@ -24,7 +24,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
     round: {
         type: import("vue").PropType<boolean>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -52,8 +52,8 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
     round: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftTag;

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

@@ -10,13 +10,13 @@ export interface TagProps {
     effect?: 'dark' | 'light' | 'plain';
     round?: boolean;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TagProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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 m=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/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:l}){const r=l,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)},i=()=>{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?i():n.createVNode(n.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(o=i())?o:{default:()=>[o]})}}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=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-es");const f=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/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]"&&!o.isVNode(e)}const y=o.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:s}){const c=s,l=o.useSlots(),i=b.useFormSize(),t=f.useNamespace("tag"),a=o.computed(()=>[t.b(),t.is("closable",e.closable),t.m(e.type),t.m(i.value),t.m(e.effect),t.is("hit",e.hit),t.is("round",e.round)]),u=n=>{c("close",n)},d=n=>{c("click",n)},r=()=>o.createVNode("span",{class:a.value,style:{backgroundColor:e.color},onClick:d},[o.createVNode("span",{class:t.e("content")},[l.default?.()]),e.closable?o.createVNode("div",{class:t.e("close"),onClick:u},[o.createVNode(m.VftIcon,{icon:"icon-close"},null)]):""]);return()=>{let n;return e.disableTransitions?r():o.createVNode(o.Transition,{name:`${t.namespace.value}-zoom-in-center`,appear:!0},q(n=r())?n:{default:()=>[n]})}}});exports.default=y;

package/lib/components/teleport/index.cjs

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

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

@@ -0,0 +1,43 @@
+export * from './types';
+export declare const VftTeleport: import("vft/es/utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        to: {
+            type: import("vue").PropType<string | HTMLElement>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        to: {
+            type: import("vue").PropType<string | HTMLElement>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
+export default VftTeleport;

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

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

package/lib/components/teleport/style/css.d.ts

@@ -0,0 +1 @@
+import 'vft/theme-style/vft-teleport.css';

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

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

package/lib/components/teleport/style/index.d.ts

@@ -0,0 +1 @@
+import 'vft/theme-style/src/teleport.scss';

package/lib/components/teleport/teleport.vue.cjs

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

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

@@ -0,0 +1,21 @@
+import { TeleportProps } from './types.ts';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TeleportProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TeleportProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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/teleport/teleport.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=e.defineComponent({__name:"teleport",props:{disabled:{type:Boolean,default:!1},to:{}},setup(l){return(t,r)=>t.disabled?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:t.to},[e.renderSlot(t.$slots,"default")],8,["to"]))}});exports.default=o;

package/lib/components/teleport/types.cjs

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

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

@@ -0,0 +1,4 @@
+export interface TeleportProps {
+    disabled?: boolean;
+    to: string | HTMLElement;
+}