352 lines
28 KiB
JavaScript
352 lines
28 KiB
JavaScript
import{C as e,H as t,I as n,N as r,R as i,St as a,V as o,Z as s,f as c,lt as l,m as u,ot as d,q as f,st as p,w as m,y as h,yt as g}from"./client-CT8bsOZT.js";import{E as _,F as v,G as y,H as b,K as x,M as S,N as C,V as w,W as T,j as E,q as D,r as O}from"./light-DhgSQSdG.js";import{l as ee,n as k,r as A}from"./Follower-Bm7xH84Z.js";import{c as j}from"./Card-BX9nnwGC.js";import{r as M,t as te}from"./css-DEmdllcC.js";import{t as ne}from"./use-merged-state-CRia4_FA.js";import{t as N}from"./use-compitable-DR1_4TS5.js";import{r as P}from"./use-form-item-CBXe24ar.js";import{t as F}from"./flatten-K6HmZnua.js";import{a as re}from"./resolve-slot-BEScaVot.js";import{t as I}from"./Add-D3YI1YD1.js";import{$ as ie,F as ae,J as L,K as R,U as oe,a as se,q as z,tt as B}from"./index-oex1uI7H.js";var V=k(`.v-x-scroll`,{overflow:`auto`,scrollbarWidth:`none`},[k(`&::-webkit-scrollbar`,{width:0,height:0})]),ce=r({name:`XScroll`,props:{disabled:Boolean,onScroll:Function},setup(){let e=g(null);function t(e){!(e.currentTarget.offsetWidth<e.currentTarget.scrollWidth)||e.deltaY===0||(e.currentTarget.scrollLeft+=e.deltaY+e.deltaX,e.preventDefault())}let n=v();return V.mount({id:`vueuc/x-scroll`,head:!0,anchorMetaName:A,ssr:n}),Object.assign({selfRef:e,handleWheel:t},{scrollTo(...t){var n;(n=e.value)==null||n.scrollTo(...t)}})},render(){return n(`div`,{ref:`selfRef`,onScroll:this.onScroll,onWheel:this.disabled?void 0:this.handleWheel,class:`v-x-scroll`},this.$slots)}}),le=/\s/;function ue(e){for(var t=e.length;t--&&le.test(e.charAt(t)););return t}var H=/^\s+/;function U(e){return e&&e.slice(0,ue(e)+1).replace(H,``)}var W=NaN,de=/^[-+]0x[0-9a-f]+$/i,fe=/^0b[01]+$/i,G=/^0o[0-7]+$/i,K=parseInt;function q(e){if(typeof e==`number`)return e;if(R(e))return W;if(_(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=_(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=U(e);var n=fe.test(e);return n||G.test(e)?K(e.slice(2),n?2:8):de.test(e)?W:+e}var J=function(){return E.Date.now()},pe=`Expected a function`,me=Math.max,he=Math.min;function Y(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(pe);t=q(t)||0,_(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?me(q(n.maxWait)||0,t):a,f=`trailing`in n?!!n.trailing:f);function p(t){var n=r,a=i;return r=i=void 0,l=t,o=e.apply(a,n),o}function m(e){return l=e,s=setTimeout(v,t),u?p(e):o}function h(e){var n=e-c,r=e-l,i=t-n;return d?he(i,a-r):i}function g(e){var n=e-c,r=e-l;return c===void 0||n>=t||n<0||d&&r>=a}function v(){var e=J();if(g(e))return y(e);s=setTimeout(v,h(e))}function y(e){return s=void 0,f&&r?p(e):(r=i=void 0,o)}function b(){s!==void 0&&clearTimeout(s),l=0,r=c=i=s=void 0}function x(){return s===void 0?o:y(J())}function S(){var e=J(),n=g(e);if(r=arguments,i=this,c=e,n){if(s===void 0)return m(c);if(d)return clearTimeout(s),s=setTimeout(v,t),p(c)}return s===void 0&&(s=setTimeout(v,t)),o}return S.cancel=b,S.flush=x,S}var ge=`Expected a function`;function _e(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(ge);return _(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),Y(e,t,{leading:r,maxWait:t,trailing:i})}var ve=u(`n-tabs`),ye={tab:[String,Number,Object,Function],name:{type:[String,Number],required:!0},disabled:Boolean,displayDirective:{type:String,default:`if`},closable:{type:Boolean,default:void 0},tabProps:Object,label:[String,Number,Object,Function]},X=r({__TAB_PANE__:!0,name:`TabPane`,alias:[`TabPanel`],props:ye,slots:Object,setup(e){let t=i(ve,null);return t||c(`tab-pane`,"`n-tab-pane` must be placed inside `n-tabs`."),{style:t.paneStyleRef,class:t.paneClassRef,mergedClsPrefix:t.mergedClsPrefixRef}},render(){return n(`div`,{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}}),Z=r({__TAB__:!0,inheritAttrs:!1,name:`Tab`,props:Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},L(ye,[`displayDirective`])),setup(e){let{mergedClsPrefixRef:t,valueRef:n,typeRef:r,closableRef:a,tabStyleRef:o,addTabStyleRef:s,tabClassRef:c,addTabClassRef:l,tabChangeIdRef:u,onBeforeLeaveRef:d,triggerRef:f,handleAdd:p,activateTab:h,handleClose:g}=i(ve);return{trigger:f,mergedClosable:m(()=>{if(e.internalAddable)return!1;let{closable:t}=e;return t===void 0?a.value:t}),style:o,addStyle:s,tabClass:c,addTabClass:l,clsPrefix:t,value:n,type:r,handleClose(t){t.stopPropagation(),!e.disabled&&g(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable){p();return}let{name:t}=e,r=++u.id;if(t!==n.value){let{value:i}=d;i?Promise.resolve(i(e.name,n.value)).then(e=>{e&&u.id===r&&h(t)}):h(t)}}}},render(){let{internalAddable:e,clsPrefix:t,name:r,disabled:i,label:a,tab:s,value:c,mergedClosable:l,trigger:u,$slots:{default:d}}=this,f=a??s;return n(`div`,{class:`${t}-tabs-tab-wrapper`},this.internalLeftPadded?n(`div`,{class:`${t}-tabs-tab-pad`}):null,n(`div`,Object.assign({key:r,"data-name":r,"data-disabled":i?!0:void 0},o({class:[`${t}-tabs-tab`,c===r&&`${t}-tabs-tab--active`,i&&`${t}-tabs-tab--disabled`,l&&`${t}-tabs-tab--closable`,e&&`${t}-tabs-tab--addable`,e?this.addTabClass:this.tabClass],onClick:u===`click`?this.activateTab:void 0,onMouseenter:u===`hover`?this.activateTab:void 0,style:e?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),n(`span`,{class:`${t}-tabs-tab__label`},e?n(h,null,n(`div`,{class:`${t}-tabs-tab__height-placeholder`},`\xA0`),n(oe,{clsPrefix:t},{default:()=>n(I,null)})):d?d():typeof f==`object`?f:z(f??r)),l&&this.type===`card`?n(ae,{clsPrefix:t,class:`${t}-tabs-tab__close`,onClick:this.handleClose,disabled:i}):null))}}),be=b(`tabs`,`
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`,[y(`segment-type`,[b(`tabs-rail`,[w(`&.transition-disabled`,[b(`tabs-capsule`,`
|
|
transition: none;
|
|
`)])])]),y(`top`,[b(`tab-pane`,`
|
|
padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
|
|
`)]),y(`left`,[b(`tab-pane`,`
|
|
padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
|
|
`)]),y(`left, right`,`
|
|
flex-direction: row;
|
|
`,[b(`tabs-bar`,`
|
|
width: 2px;
|
|
right: 0;
|
|
transition:
|
|
top .2s var(--n-bezier),
|
|
max-height .2s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
`),b(`tabs-tab`,`
|
|
padding: var(--n-tab-padding-vertical);
|
|
`)]),y(`right`,`
|
|
flex-direction: row-reverse;
|
|
`,[b(`tab-pane`,`
|
|
padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
|
|
`),b(`tabs-bar`,`
|
|
left: 0;
|
|
`)]),y(`bottom`,`
|
|
flex-direction: column-reverse;
|
|
justify-content: flex-end;
|
|
`,[b(`tab-pane`,`
|
|
padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
|
|
`),b(`tabs-bar`,`
|
|
top: 0;
|
|
`)]),b(`tabs-rail`,`
|
|
position: relative;
|
|
padding: 3px;
|
|
border-radius: var(--n-tab-border-radius);
|
|
width: 100%;
|
|
background-color: var(--n-color-segment);
|
|
transition: background-color .3s var(--n-bezier);
|
|
display: flex;
|
|
align-items: center;
|
|
`,[b(`tabs-capsule`,`
|
|
border-radius: var(--n-tab-border-radius);
|
|
position: absolute;
|
|
pointer-events: none;
|
|
background-color: var(--n-tab-color-segment);
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
|
|
transition: transform 0.3s var(--n-bezier);
|
|
`),b(`tabs-tab-wrapper`,`
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
`,[b(`tabs-tab`,`
|
|
overflow: hidden;
|
|
border-radius: var(--n-tab-border-radius);
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
`,[y(`active`,`
|
|
font-weight: var(--n-font-weight-strong);
|
|
color: var(--n-tab-text-color-active);
|
|
`),w(`&:hover`,`
|
|
color: var(--n-tab-text-color-hover);
|
|
`)])])]),y(`flex`,[b(`tabs-nav`,`
|
|
width: 100%;
|
|
position: relative;
|
|
`,[b(`tabs-wrapper`,`
|
|
width: 100%;
|
|
`,[b(`tabs-tab`,`
|
|
margin-right: 0;
|
|
`)])])]),b(`tabs-nav`,`
|
|
box-sizing: border-box;
|
|
line-height: 1.5;
|
|
display: flex;
|
|
transition: border-color .3s var(--n-bezier);
|
|
`,[T(`prefix, suffix`,`
|
|
display: flex;
|
|
align-items: center;
|
|
`),T(`prefix`,`padding-right: 16px;`),T(`suffix`,`padding-left: 16px;`)]),y(`top, bottom`,[w(`>`,[b(`tabs-nav`,[b(`tabs-nav-scroll-wrapper`,[w(`&::before`,`
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 20px;
|
|
`),w(`&::after`,`
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
width: 20px;
|
|
`),y(`shadow-start`,[w(`&::before`,`
|
|
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
`)]),y(`shadow-end`,[w(`&::after`,`
|
|
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
|
|
`)])])])])]),y(`left, right`,[b(`tabs-nav-scroll-content`,`
|
|
flex-direction: column;
|
|
`),w(`>`,[b(`tabs-nav`,[b(`tabs-nav-scroll-wrapper`,[w(`&::before`,`
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 20px;
|
|
`),w(`&::after`,`
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 20px;
|
|
`),y(`shadow-start`,[w(`&::before`,`
|
|
box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
|
|
`)]),y(`shadow-end`,[w(`&::after`,`
|
|
box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
|
|
`)])])])])]),b(`tabs-nav-scroll-wrapper`,`
|
|
flex: 1;
|
|
position: relative;
|
|
overflow: hidden;
|
|
`,[b(`tabs-nav-y-scroll`,`
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
`,[w(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,`
|
|
width: 0;
|
|
height: 0;
|
|
display: none;
|
|
`)]),w(`&::before, &::after`,`
|
|
transition: box-shadow .3s var(--n-bezier);
|
|
pointer-events: none;
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 1;
|
|
`)]),b(`tabs-nav-scroll-content`,`
|
|
display: flex;
|
|
position: relative;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
width: fit-content;
|
|
box-sizing: border-box;
|
|
`),b(`tabs-wrapper`,`
|
|
display: inline-flex;
|
|
flex-wrap: nowrap;
|
|
position: relative;
|
|
`),b(`tabs-tab-wrapper`,`
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
`),b(`tabs-tab`,`
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
flex-wrap: nowrap;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: var(--n-tab-text-color);
|
|
font-size: var(--n-tab-font-size);
|
|
background-clip: padding-box;
|
|
padding: var(--n-tab-padding);
|
|
transition:
|
|
box-shadow .3s var(--n-bezier),
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`,[y(`disabled`,{cursor:`not-allowed`}),T(`close`,`
|
|
margin-left: 6px;
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
`),T(`label`,`
|
|
display: flex;
|
|
align-items: center;
|
|
z-index: 1;
|
|
`)]),b(`tabs-bar`,`
|
|
position: absolute;
|
|
bottom: 0;
|
|
height: 2px;
|
|
border-radius: 1px;
|
|
background-color: var(--n-bar-color);
|
|
transition:
|
|
left .2s var(--n-bezier),
|
|
max-width .2s var(--n-bezier),
|
|
opacity .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
`,[w(`&.transition-disabled`,`
|
|
transition: none;
|
|
`),y(`disabled`,`
|
|
background-color: var(--n-tab-text-color-disabled)
|
|
`)]),b(`tabs-pane-wrapper`,`
|
|
position: relative;
|
|
overflow: hidden;
|
|
transition: max-height .2s var(--n-bezier);
|
|
`),b(`tab-pane`,`
|
|
color: var(--n-pane-text-color);
|
|
width: 100%;
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
opacity .2s var(--n-bezier);
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
`,[w(`&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active`,`
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
transform .2s var(--n-bezier),
|
|
opacity .2s var(--n-bezier);
|
|
`),w(`&.next-transition-leave-active, &.prev-transition-leave-active`,`
|
|
position: absolute;
|
|
`),w(`&.next-transition-enter-from, &.prev-transition-leave-to`,`
|
|
transform: translateX(32px);
|
|
opacity: 0;
|
|
`),w(`&.next-transition-leave-to, &.prev-transition-enter-from`,`
|
|
transform: translateX(-32px);
|
|
opacity: 0;
|
|
`),w(`&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to`,`
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
`)]),b(`tabs-tab-pad`,`
|
|
box-sizing: border-box;
|
|
width: var(--n-tab-gap);
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
`),y(`line-type, bar-type`,[b(`tabs-tab`,`
|
|
font-weight: var(--n-tab-font-weight);
|
|
box-sizing: border-box;
|
|
vertical-align: bottom;
|
|
`,[w(`&:hover`,{color:`var(--n-tab-text-color-hover)`}),y(`active`,`
|
|
color: var(--n-tab-text-color-active);
|
|
font-weight: var(--n-tab-font-weight-active);
|
|
`),y(`disabled`,{color:`var(--n-tab-text-color-disabled)`})])]),b(`tabs-nav`,[y(`line-type`,[y(`top`,[T(`prefix, suffix`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-nav-scroll-content`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-bar`,`
|
|
bottom: -1px;
|
|
`)]),y(`left`,[T(`prefix, suffix`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-nav-scroll-content`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-bar`,`
|
|
right: -1px;
|
|
`)]),y(`right`,[T(`prefix, suffix`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-nav-scroll-content`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-bar`,`
|
|
left: -1px;
|
|
`)]),y(`bottom`,[T(`prefix, suffix`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-nav-scroll-content`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-bar`,`
|
|
top: -1px;
|
|
`)]),T(`prefix, suffix`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),b(`tabs-nav-scroll-content`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),b(`tabs-bar`,`
|
|
border-radius: 0;
|
|
`)]),y(`card-type`,[T(`prefix, suffix`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),b(`tabs-pad`,`
|
|
flex-grow: 1;
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),b(`tabs-tab-pad`,`
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),b(`tabs-tab`,`
|
|
font-weight: var(--n-tab-font-weight);
|
|
border: 1px solid var(--n-tab-border-color);
|
|
background-color: var(--n-tab-color);
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: var(--n-tab-font-size);
|
|
color: var(--n-tab-text-color);
|
|
`,[y(`addable`,`
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
font-size: 16px;
|
|
justify-content: center;
|
|
`,[T(`height-placeholder`,`
|
|
width: 0;
|
|
font-size: var(--n-tab-font-size);
|
|
`),x(`disabled`,[w(`&:hover`,`
|
|
color: var(--n-tab-text-color-hover);
|
|
`)])]),y(`closable`,`padding-right: 8px;`),y(`active`,`
|
|
background-color: #0000;
|
|
font-weight: var(--n-tab-font-weight-active);
|
|
color: var(--n-tab-text-color-active);
|
|
`),y(`disabled`,`color: var(--n-tab-text-color-disabled);`)])]),y(`left, right`,`
|
|
flex-direction: column;
|
|
`,[T(`prefix, suffix`,`
|
|
padding: var(--n-tab-padding-vertical);
|
|
`),b(`tabs-wrapper`,`
|
|
flex-direction: column;
|
|
`),b(`tabs-tab-wrapper`,`
|
|
flex-direction: column;
|
|
`,[b(`tabs-tab-pad`,`
|
|
height: var(--n-tab-gap-vertical);
|
|
width: 100%;
|
|
`)])]),y(`top`,[y(`card-type`,[b(`tabs-scroll-padding`,`border-bottom: 1px solid var(--n-tab-border-color);`),T(`prefix, suffix`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-tab`,`
|
|
border-top-left-radius: var(--n-tab-border-radius);
|
|
border-top-right-radius: var(--n-tab-border-radius);
|
|
`,[y(`active`,`
|
|
border-bottom: 1px solid #0000;
|
|
`)]),b(`tabs-tab-pad`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-pad`,`
|
|
border-bottom: 1px solid var(--n-tab-border-color);
|
|
`)])]),y(`left`,[y(`card-type`,[b(`tabs-scroll-padding`,`border-right: 1px solid var(--n-tab-border-color);`),T(`prefix, suffix`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-tab`,`
|
|
border-top-left-radius: var(--n-tab-border-radius);
|
|
border-bottom-left-radius: var(--n-tab-border-radius);
|
|
`,[y(`active`,`
|
|
border-right: 1px solid #0000;
|
|
`)]),b(`tabs-tab-pad`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-pad`,`
|
|
border-right: 1px solid var(--n-tab-border-color);
|
|
`)])]),y(`right`,[y(`card-type`,[b(`tabs-scroll-padding`,`border-left: 1px solid var(--n-tab-border-color);`),T(`prefix, suffix`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-tab`,`
|
|
border-top-right-radius: var(--n-tab-border-radius);
|
|
border-bottom-right-radius: var(--n-tab-border-radius);
|
|
`,[y(`active`,`
|
|
border-left: 1px solid #0000;
|
|
`)]),b(`tabs-tab-pad`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-pad`,`
|
|
border-left: 1px solid var(--n-tab-border-color);
|
|
`)])]),y(`bottom`,[y(`card-type`,[b(`tabs-scroll-padding`,`border-top: 1px solid var(--n-tab-border-color);`),T(`prefix, suffix`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-tab`,`
|
|
border-bottom-left-radius: var(--n-tab-border-radius);
|
|
border-bottom-right-radius: var(--n-tab-border-radius);
|
|
`,[y(`active`,`
|
|
border-top: 1px solid #0000;
|
|
`)]),b(`tabs-tab-pad`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`),b(`tabs-pad`,`
|
|
border-top: 1px solid var(--n-tab-border-color);
|
|
`)])])])]),xe=_e,Se=r({name:`Tabs`,props:Object.assign(Object.assign({},O.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:`click`},type:{type:String,default:`bar`},closable:Boolean,justifyContent:String,size:String,placement:{type:String,default:`top`},tabStyle:[String,Object],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]}),slots:Object,setup(e,{slots:n}){let{mergedClsPrefixRef:r,inlineThemeDisabled:i,mergedComponentPropsRef:o}=C(e),c=O(`Tabs`,`-tabs`,be,se,e,r),l=g(null),u=g(null),h=g(null),_=g(null),v=g(null),y=g(null),b=g(!0),x=g(!0),w=N(e,[`labelSize`,`size`]),T=m(()=>w.value?w.value:o?.value?.Tabs?.size||`medium`),E=N(e,[`activeName`,`value`]),k=g(E.value??e.defaultValue??(n.default?F(n.default())[0]?.props?.name:null)),A=ne(E,k),j={id:0},re=m(()=>{if(!(!e.justifyContent||e.type===`card`))return{display:`flex`,justifyContent:e.justifyContent}});d(A,()=>{j.id=0,R(),oe()});function I(){let{value:e}=A;return e===null?null:l.value?.querySelector(`[data-name="${e}"]`)}function ie(t){if(e.type===`card`)return;let{value:n}=u;if(!n)return;let i=n.style.opacity===`0`;if(t){let a=`${r.value}-tabs-bar--disabled`,{barWidth:o,placement:s}=e;if(t.dataset.disabled===`true`?n.classList.add(a):n.classList.remove(a),[`top`,`bottom`].includes(s)){if(L([`top`,`maxHeight`,`height`]),typeof o==`number`&&t.offsetWidth>=o){let e=Math.floor((t.offsetWidth-o)/2)+t.offsetLeft;n.style.left=`${e}px`,n.style.maxWidth=`${o}px`}else n.style.left=`${t.offsetLeft}px`,n.style.maxWidth=`${t.offsetWidth}px`;n.style.width=`8192px`,i&&(n.style.transition=`none`),n.offsetWidth,i&&(n.style.transition=``,n.style.opacity=`1`)}else{if(L([`left`,`maxWidth`,`width`]),typeof o==`number`&&t.offsetHeight>=o){let e=Math.floor((t.offsetHeight-o)/2)+t.offsetTop;n.style.top=`${e}px`,n.style.maxHeight=`${o}px`}else n.style.top=`${t.offsetTop}px`,n.style.maxHeight=`${t.offsetHeight}px`;n.style.height=`8192px`,i&&(n.style.transition=`none`),n.offsetHeight,i&&(n.style.transition=``,n.style.opacity=`1`)}}}function ae(){if(e.type===`card`)return;let{value:t}=u;t&&(t.style.opacity=`0`)}function L(e){let{value:t}=u;if(t)for(let n of e)t.style[n]=``}function R(){if(e.type===`card`)return;let t=I();t?ie(t):ae()}function oe(){let e=v.value?.$el;if(!e)return;let t=I();if(!t)return;let{scrollLeft:n,offsetWidth:r}=e,{offsetLeft:i,offsetWidth:a}=t;n>i?e.scrollTo({top:0,left:i,behavior:`smooth`}):i+a>n+r&&e.scrollTo({top:0,left:i+a-r,behavior:`smooth`})}let z=g(null),B=0,V=null;function ce(e){let t=z.value;if(t){B=e.getBoundingClientRect().height;let n=`${B}px`,r=()=>{t.style.height=n,t.style.maxHeight=n};V?(r(),V(),V=null):V=r}}function le(e){let t=z.value;if(t){let n=e.getBoundingClientRect().height,r=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(B,n)}px`};V?(V(),V=null,r()):V=r}}function ue(){let t=z.value;if(t){t.style.maxHeight=``,t.style.height=``;let{paneWrapperStyle:n}=e;if(typeof n==`string`)t.style.cssText=n;else if(n){let{maxHeight:e,height:r}=n;e!==void 0&&(t.style.maxHeight=e),r!==void 0&&(t.style.height=r)}}}let H={value:[]},U=g(`next`);function W(e){let t=A.value,n=`next`;for(let r of H.value){if(r===t)break;if(r===e){n=`prev`;break}}U.value=n,de(e)}function de(t){let{onActiveNameChange:n,onUpdateValue:r,"onUpdate:value":i}=e;n&&P(n,t),r&&P(r,t),i&&P(i,t),k.value=t}function fe(t){let{onClose:n}=e;n&&P(n,t)}let G=!0;function K(){let{value:e}=u;if(!e)return;G||=!1;let t=`transition-disabled`;e.classList.add(t),R(),e.classList.remove(t)}let q=g(null);function J({transitionDisabled:e}){let t=l.value;if(!t)return;e&&t.classList.add(`transition-disabled`);let n=I();n&&q.value&&(q.value.style.width=`${n.offsetWidth}px`,q.value.style.height=`${n.offsetHeight}px`,q.value.style.transform=`translateX(${n.offsetLeft-te(getComputedStyle(t).paddingLeft)}px)`,e&&q.value.offsetWidth),e&&t.classList.remove(`transition-disabled`)}d([A],()=>{e.type===`segment`&&t(()=>{J({transitionDisabled:!1})})}),f(()=>{e.type===`segment`&&J({transitionDisabled:!0})});let pe=0;function me(t){if(t.contentRect.width===0&&t.contentRect.height===0||pe===t.contentRect.width)return;pe=t.contentRect.width;let{type:n}=e;if((n===`line`||n===`bar`)&&(G||e.justifyContent?.startsWith(`space`))&&K(),n!==`segment`){let{placement:t}=e;X((t===`top`||t===`bottom`?v.value?.$el:y.value)||null)}}let he=xe(me,64);d([()=>e.justifyContent,()=>e.size],()=>{t(()=>{let{type:t}=e;(t===`line`||t===`bar`)&&K()})});let Y=g(!1);function ge(t){let{target:n,contentRect:{width:r,height:i}}=t,a=n.parentElement.parentElement.offsetWidth,o=n.parentElement.parentElement.offsetHeight,{placement:s}=e;if(!Y.value)s===`top`||s===`bottom`?a<r&&(Y.value=!0):o<i&&(Y.value=!0);else{let{value:e}=_;if(!e)return;s===`top`||s===`bottom`?a-r>e.$el.offsetWidth&&(Y.value=!1):o-i>e.$el.offsetHeight&&(Y.value=!1)}X(v.value?.$el||null)}let _e=xe(ge,64);function ye(){let{onAdd:n}=e;n&&n(),t(()=>{let e=I(),{value:t}=v;!e||!t||t.scrollTo({left:e.offsetLeft,top:0,behavior:`smooth`})})}function X(t){if(!t)return;let{placement:n}=e;if(n===`top`||n===`bottom`){let{scrollLeft:e,scrollWidth:n,offsetWidth:r}=t;b.value=e<=0,x.value=e+r>=n}else{let{scrollTop:e,scrollHeight:n,offsetHeight:r}=t;b.value=e<=0,x.value=e+r>=n}}let Z=xe(e=>{X(e.target)},64);s(ve,{triggerRef:a(e,`trigger`),tabStyleRef:a(e,`tabStyle`),tabClassRef:a(e,`tabClass`),addTabStyleRef:a(e,`addTabStyle`),addTabClassRef:a(e,`addTabClass`),paneClassRef:a(e,`paneClass`),paneStyleRef:a(e,`paneStyle`),mergedClsPrefixRef:r,typeRef:a(e,`type`),closableRef:a(e,`closable`),valueRef:A,tabChangeIdRef:j,onBeforeLeaveRef:a(e,`onBeforeLeave`),activateTab:W,handleClose:fe,handleAdd:ye}),ee(()=>{R(),oe()}),p(()=>{let{value:e}=h;if(!e)return;let{value:t}=r,n=`${t}-tabs-nav-scroll-wrapper--shadow-start`,i=`${t}-tabs-nav-scroll-wrapper--shadow-end`;b.value?e.classList.remove(n):e.classList.add(n),x.value?e.classList.remove(i):e.classList.add(i)});let Se={syncBarPosition:()=>{R()}},Ce=()=>{J({transitionDisabled:!0})},Q=m(()=>{let{value:t}=T,{type:n}=e,r=`${t}${{card:`Card`,bar:`Bar`,line:`Line`,segment:`Segment`}[n]}`,{self:{barColor:i,closeIconColor:a,closeIconColorHover:o,closeIconColorPressed:s,tabColor:l,tabBorderColor:u,paneTextColor:d,tabFontWeight:f,tabBorderRadius:p,tabFontWeightActive:m,colorSegment:h,fontWeightStrong:g,tabColorSegment:_,closeSize:v,closeIconSize:y,closeColorHover:b,closeColorPressed:x,closeBorderRadius:S,[D(`panePadding`,t)]:C,[D(`tabPadding`,r)]:w,[D(`tabPaddingVertical`,r)]:E,[D(`tabGap`,r)]:O,[D(`tabGap`,`${r}Vertical`)]:ee,[D(`tabTextColor`,n)]:k,[D(`tabTextColorActive`,n)]:A,[D(`tabTextColorHover`,n)]:j,[D(`tabTextColorDisabled`,n)]:te,[D(`tabFontSize`,t)]:ne},common:{cubicBezierEaseInOut:N}}=c.value;return{"--n-bezier":N,"--n-color-segment":h,"--n-bar-color":i,"--n-tab-font-size":ne,"--n-tab-text-color":k,"--n-tab-text-color-active":A,"--n-tab-text-color-disabled":te,"--n-tab-text-color-hover":j,"--n-pane-text-color":d,"--n-tab-border-color":u,"--n-tab-border-radius":p,"--n-close-size":v,"--n-close-icon-size":y,"--n-close-color-hover":b,"--n-close-color-pressed":x,"--n-close-border-radius":S,"--n-close-icon-color":a,"--n-close-icon-color-hover":o,"--n-close-icon-color-pressed":s,"--n-tab-color":l,"--n-tab-font-weight":f,"--n-tab-font-weight-active":m,"--n-tab-padding":w,"--n-tab-padding-vertical":E,"--n-tab-gap":O,"--n-tab-gap-vertical":ee,"--n-pane-padding-left":M(C,`left`),"--n-pane-padding-right":M(C,`right`),"--n-pane-padding-top":M(C,`top`),"--n-pane-padding-bottom":M(C,`bottom`),"--n-font-weight-strong":g,"--n-tab-color-segment":_}}),$=i?S(`tabs`,m(()=>`${T.value[0]}${e.type[0]}`),Q,e):void 0;return Object.assign({mergedClsPrefix:r,mergedValue:A,renderedNames:new Set,segmentCapsuleElRef:q,tabsPaneWrapperRef:z,tabsElRef:l,barElRef:u,addTabInstRef:_,xScrollInstRef:v,scrollWrapperElRef:h,addTabFixed:Y,tabWrapperStyle:re,handleNavResize:he,mergedSize:T,handleScroll:Z,handleTabsResize:_e,cssVars:i?void 0:Q,themeClass:$?.themeClass,animationDirection:U,renderNameListRef:H,yScrollElRef:y,handleSegmentResize:Ce,onAnimationBeforeLeave:ce,onAnimationEnter:le,onAnimationAfterEnter:ue,onRender:$?.onRender},Se)},render(){let{mergedClsPrefix:e,type:t,placement:r,addTabFixed:i,addable:a,mergedSize:o,renderNameListRef:s,onRender:c,paneWrapperClass:l,paneWrapperStyle:u,$slots:{default:d,prefix:f,suffix:p}}=this;c?.();let m=d?F(d()).filter(e=>e.type.__TAB_PANE__===!0):[],h=d?F(d()).filter(e=>e.type.__TAB__===!0):[],g=!h.length,_=t===`card`,v=t===`segment`,y=!_&&!v&&this.justifyContent;s.value=[];let b=()=>{let t=n(`div`,{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},y?null:n(`div`,{class:`${e}-tabs-scroll-padding`,style:r===`top`||r===`bottom`?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),g?m.map((e,t)=>(s.value.push(e.props.name),we(n(Z,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:t!==0&&(!y||y===`center`||y===`start`||y===`end`)}),e.children?{default:e.children.tab}:void 0)))):h.map((e,t)=>(s.value.push(e.props.name),we(t!==0&&!y?$(e):e))),!i&&a&&_?Q(a,(g?m.length:h.length)!==0):null,y?null:n(`div`,{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return n(`div`,{ref:`tabsElRef`,class:`${e}-tabs-nav-scroll-content`},_&&a?n(j,{onResize:this.handleTabsResize},{default:()=>t}):t,_?n(`div`,{class:`${e}-tabs-pad`}):null,_?null:n(`div`,{ref:`barElRef`,class:`${e}-tabs-bar`}))},x=v?`top`:r;return n(`div`,{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${t}-type`,`${e}-tabs--${o}-size`,y&&`${e}-tabs--flex`,`${e}-tabs--${x}`],style:this.cssVars},n(`div`,{class:[`${e}-tabs-nav--${t}-type`,`${e}-tabs-nav--${x}`,`${e}-tabs-nav`]},re(f,t=>t&&n(`div`,{class:`${e}-tabs-nav__prefix`},t)),v?n(j,{onResize:this.handleSegmentResize},{default:()=>n(`div`,{class:`${e}-tabs-rail`,ref:`tabsElRef`},n(`div`,{class:`${e}-tabs-capsule`,ref:`segmentCapsuleElRef`},n(`div`,{class:`${e}-tabs-wrapper`},n(`div`,{class:`${e}-tabs-tab`}))),g?m.map((e,t)=>(s.value.push(e.props.name),n(Z,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:t!==0}),e.children?{default:e.children.tab}:void 0))):h.map((e,t)=>(s.value.push(e.props.name),t===0?e:$(e))))}):n(j,{onResize:this.handleNavResize},{default:()=>n(`div`,{class:`${e}-tabs-nav-scroll-wrapper`,ref:`scrollWrapperElRef`},[`top`,`bottom`].includes(x)?n(ce,{ref:`xScrollInstRef`,onScroll:this.handleScroll},{default:b}):n(`div`,{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:`yScrollElRef`},b()))}),i&&a&&_?Q(a,!0):null,re(p,t=>t&&n(`div`,{class:`${e}-tabs-nav__suffix`},t))),g&&(this.animated&&(x===`top`||x===`bottom`)?n(`div`,{ref:`tabsPaneWrapperRef`,style:u,class:[`${e}-tabs-pane-wrapper`,l]},Ce(m,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):Ce(m,this.mergedValue,this.renderedNames)))}});function Ce(e,t,r,i,a,o,s){let c=[];return e.forEach(e=>{let{name:n,displayDirective:i,"display-directive":a}=e.props,o=e=>i===e||a===e,s=t===n;if(e.key!==void 0&&(e.key=n),s||o(`show`)||o(`show:lazy`)&&r.has(n)){r.has(n)||r.add(n);let t=!o(`if`);c.push(t?l(e,[[B,s]]):e)}}),s?n(ie,{name:`${s}-transition`,onBeforeLeave:i,onEnter:a,onAfterEnter:o},{default:()=>c}):c}function Q(e,t){return n(Z,{ref:`addTabInstRef`,key:`__addable`,name:`__addable`,internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:t,disabled:typeof e==`object`&&e.disabled})}function $(t){let n=e(t);return n.props?n.props.internalLeftPadded=!0:n.props={internalLeftPadded:!0},n}function we(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes(`internalLeftPadded`)||e.dynamicProps.push(`internalLeftPadded`):e.dynamicProps=[`internalLeftPadded`],e}export{X as n,Se as t}; |