epic-designer-gold/dist/index-j1RwA--T.cjs

基于vue3的设计器,可视化开发页面表单

"use strict";const U=require("./_commonjsHelpers-DwTZ_eVU.cjs"),pe=require("./_vue_commonjs-external-CccDNqHl.cjs"),we=require("./index-DQpYVvll.cjs"),B=require("./index-CFee6cT1.cjs");function ht(i,l){for(var c=0;c<l.length;c++){const b=l[c];if(typeof b!="string"&&!Array.isArray(b)){for(const f in b)if(f!=="default"&&!(f in i)){const r=Object.getOwnPropertyDescriptor(b,f);r&&Object.defineProperty(i,f,r.get?r:{enumerable:!0,get:()=>b[f]})}}}return Object.freeze(Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}))}var Te={},ue={},re={};Object.defineProperty(re,"__esModule",{value:!0});re.tabsInjectionKey=void 0;const mt=B._utils;re.tabsInjectionKey=(0,mt.createInjectionKey)("n-tabs");var ve={};(function(i){Object.defineProperty(i,"__esModule",{value:!0}),i.tabPaneProps=void 0;const l=pe.require$$2,c=B._utils,b=re;i.tabPaneProps={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]},i.default=(0,l.defineComponent)({__TAB_PANE__:!0,name:"TabPane",alias:["TabPanel"],props:i.tabPaneProps,slots:Object,setup(f){process.env.NODE_ENV!=="production"&&(0,l.watchEffect)(()=>{f.label!==void 0&&(0,c.warnOnce)("tab-pane","`label` is deprecated, please use `tab` instead.")});const r=(0,l.inject)(b.tabsInjectionKey,null);return r||(0,c.throwError)("tab-pane","`n-tab-pane` must be placed inside `n-tabs`."),{style:r.paneStyleRef,class:r.paneClassRef,mergedClsPrefix:r.mergedClsPrefixRef}},render(){return(0,l.h)("div",{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}})})(ve);(function(i){Object.defineProperty(i,"__esModule",{value:!0}),i.tabProps=void 0;const l=pe.require$$2,c=we._internal,b=we.icons,f=B._utils,r=re,F=ve;i.tabProps=Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},(0,f.omit)(F.tabPaneProps,["displayDirective"])),i.default=(0,l.defineComponent)({__TAB__:!0,inheritAttrs:!1,name:"Tab",props:i.tabProps,setup(u){const{mergedClsPrefixRef:s,valueRef:P,typeRef:k,closableRef:V,tabStyleRef:j,addTabStyleRef:_,tabClassRef:E,addTabClassRef:G,tabChangeIdRef:$,onBeforeLeaveRef:w,triggerRef:n,handleAdd:m,activateTab:C,handleClose:O}=(0,l.inject)(r.tabsInjectionKey);return{trigger:n,mergedClosable:(0,l.computed)(()=>{if(u.internalAddable)return!1;const{closable:v}=u;return v===void 0?V.value:v}),style:j,addStyle:_,tabClass:E,addTabClass:G,clsPrefix:s,value:P,type:k,handleClose(v){v.stopPropagation(),!u.disabled&&O(u.name)},activateTab(){if(u.disabled)return;if(u.internalAddable){m();return}const{name:v}=u,D=++$.id;if(v!==P.value){const{value:x}=w;x?Promise.resolve(x(u.name,P.value)).then(S=>{S&&$.id===D&&C(v)}):C(v)}}}},render(){const{internalAddable:u,clsPrefix:s,name:P,disabled:k,label:V,tab:j,value:_,mergedClosable:E,trigger:G,$slots:{default:$}}=this,w=V??j;return(0,l.h)("div",{class:`${s}-tabs-tab-wrapper`},this.internalLeftPadded?(0,l.h)("div",{class:`${s}-tabs-tab-pad`}):null,(0,l.h)("div",Object.assign({key:P,"data-name":P,"data-disabled":k?!0:void 0},(0,l.mergeProps)({class:[`${s}-tabs-tab`,_===P&&`${s}-tabs-tab--active`,k&&`${s}-tabs-tab--disabled`,E&&`${s}-tabs-tab--closable`,u&&`${s}-tabs-tab--addable`,u?this.addTabClass:this.tabClass],onClick:G==="click"?this.activateTab:void 0,onMouseenter:G==="hover"?this.activateTab:void 0,style:u?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),(0,l.h)("span",{class:`${s}-tabs-tab__label`},u?(0,l.h)(l.Fragment,null,(0,l.h)("div",{class:`${s}-tabs-tab__height-placeholder`}," "),(0,l.h)(c.NBaseIcon,{clsPrefix:s},{default:()=>(0,l.h)(b.AddIcon,null)})):$?$():typeof w=="object"?w:(0,f.render)(w??P)),E&&this.type==="card"?(0,l.h)(c.NBaseClose,{clsPrefix:s,class:`${s}-tabs-tab__close`,onClick:this.handleClose,disabled:k}):null))}})})(ue);var Re={},ze={},ge={},oe={},he={};Object.defineProperty(he,"__esModule",{value:!0});he.default={tabFontSizeSmall:"14px",tabFontSizeMedium:"14px",tabFontSizeLarge:"16px",tabGapSmallLine:"36px",tabGapMediumLine:"36px",tabGapLargeLine:"36px",tabGapSmallLineVertical:"8px",tabGapMediumLineVertical:"8px",tabGapLargeLineVertical:"8px",tabPaddingSmallLine:"6px 0",tabPaddingMediumLine:"10px 0",tabPaddingLargeLine:"14px 0",tabPaddingVerticalSmallLine:"6px 12px",tabPaddingVerticalMediumLine:"8px 16px",tabPaddingVerticalLargeLine:"10px 20px",tabGapSmallBar:"36px",tabGapMediumBar:"36px",tabGapLargeBar:"36px",tabGapSmallBarVertical:"8px",tabGapMediumBarVertical:"8px",tabGapLargeBarVertical:"8px",tabPaddingSmallBar:"4px 0",tabPaddingMediumBar:"6px 0",tabPaddingLargeBar:"10px 0",tabPaddingVerticalSmallBar:"6px 12px",tabPaddingVerticalMediumBar:"8px 16px",tabPaddingVerticalLargeBar:"10px 20px",tabGapSmallCard:"4px",tabGapMediumCard:"4px",tabGapLargeCard:"4px",tabGapSmallCardVertical:"4px",tabGapMediumCardVertical:"4px",tabGapLargeCardVertical:"4px",tabPaddingSmallCard:"8px 16px",tabPaddingMediumCard:"10px 20px",tabPaddingLargeCard:"12px 24px",tabPaddingSmallSegment:"4px 0",tabPaddingMediumSegment:"6px 0",tabPaddingLargeSegment:"8px 0",tabPaddingVerticalLargeSegment:"0 8px",tabPaddingVerticalSmallCard:"8px 12px",tabPaddingVerticalMediumCard:"10px 16px",tabPaddingVerticalLargeCard:"12px 20px",tabPaddingVerticalSmallSegment:"0 4px",tabPaddingVerticalMediumSegment:"0 6px",tabGapSmallSegment:"0",tabGapMediumSegment:"0",tabGapLargeSegment:"0",tabGapSmallSegmentVertical:"0",tabGapMediumSegmentVertical:"0",tabGapLargeSegmentVertical:"0",panePaddingSmall:"8px 0 0 0",panePaddingMedium:"12px 0 0 0",panePaddingLarge:"16px 0 0 0",closeSize:"18px",closeIconSize:"14px"};var xt=U.commonjsGlobal&&U.commonjsGlobal.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(oe,"__esModule",{value:!0});oe.self=Me;const yt=B.common,Ct=xt(he);function Me(i){const{textColor2:l,primaryColor:c,textColorDisabled:b,closeIconColor:f,closeIconColorHover:r,closeIconColorPressed:F,closeColorHover:u,closeColorPressed:s,tabColor:P,baseColor:k,dividerColor:V,fontWeight:j,textColor1:_,borderRadius:E,fontSize:G,fontWeightStrong:$}=i;return Object.assign(Object.assign({},Ct.default),{colorSegment:P,tabFontSizeCard:G,tabTextColorLine:_,tabTextColorActiveLine:c,tabTextColorHoverLine:c,tabTextColorDisabledLine:b,tabTextColorSegment:_,tabTextColorActiveSegment:l,tabTextColorHoverSegment:l,tabTextColorDisabledSegment:b,tabTextColorBar:_,tabTextColorActiveBar:c,tabTextColorHoverBar:c,tabTextColorDisabledBar:b,tabTextColorCard:_,tabTextColorHoverCard:_,tabTextColorActiveCard:c,tabTextColorDisabledCard:b,barColor:c,closeIconColor:f,closeIconColorHover:r,closeIconColorPressed:F,closeColorHover:u,closeColorPressed:s,closeBorderRadius:E,tabColor:P,tabColorSegment:k,tabBorderColor:V,tabFontWeightActive:j,tabFontWeight:j,tabBorderRadius:E,paneTextColor:l,fontWeightStrong:$})}const Pt={name:"Tabs",common:yt.commonLight,self:Me};oe.default=Pt;Object.defineProperty(ge,"__esModule",{value:!0});const _t=B.common,St=oe,Bt={name:"Tabs",common:_t.commonDark,self(i){const l=(0,St.self)(i),{inputColor:c}=i;return l.colorSegment=c,l.tabColorSegment=c,l}};ge.default=Bt;(function(i){var l=U.commonjsGlobal&&U.commonjsGlobal.__importDefault||function(f){return f&&f.__esModule?f:{default:f}};Object.defineProperty(i,"__esModule",{value:!0}),i.tabsLight=i.tabsDark=void 0;var c=ge;Object.defineProperty(i,"tabsDark",{enumerable:!0,get:function(){return l(c).default}});var b=oe;Object.defineProperty(i,"tabsLight",{enumerable:!0,get:function(){return l(b).default}})})(ze);var me={};Object.defineProperty(me,"__esModule",{value:!0});const e=B.cssr;me.default=(0,e.cB)("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);
`,[(0,e.cM)("segment-type",[(0,e.cB)("tabs-rail",[(0,e.c)("&.transition-disabled",[(0,e.cB)("tabs-capsule",`
 transition: none;
 `)])])]),(0,e.cM)("top",[(0,e.cB)("tab-pane",`
 padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
 `)]),(0,e.cM)("left",[(0,e.cB)("tab-pane",`
 padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
 `)]),(0,e.cM)("left, right",`
 flex-direction: row;
 `,[(0,e.cB)("tabs-bar",`
 width: 2px;
 right: 0;
 transition:
 top .2s var(--n-bezier),
 max-height .2s var(--n-bezier),
 background-color .3s var(--n-bezier);
 `),(0,e.cB)("tabs-tab",`
 padding: var(--n-tab-padding-vertical); 
 `)]),(0,e.cM)("right",`
 flex-direction: row-reverse;
 `,[(0,e.cB)("tab-pane",`
 padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
 `),(0,e.cB)("tabs-bar",`
 left: 0;
 `)]),(0,e.cM)("bottom",`
 flex-direction: column-reverse;
 justify-content: flex-end;
 `,[(0,e.cB)("tab-pane",`
 padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
 `),(0,e.cB)("tabs-bar",`
 top: 0;
 `)]),(0,e.cB)("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;
 `,[(0,e.cB)("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);
 `),(0,e.cB)("tabs-tab-wrapper",`
 flex-basis: 0;
 flex-grow: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 `,[(0,e.cB)("tabs-tab",`
 overflow: hidden;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 `,[(0,e.cM)("active",`
 font-weight: var(--n-font-weight-strong);
 color: var(--n-tab-text-color-active);
 `),(0,e.c)("&:hover",`
 color: var(--n-tab-text-color-hover);
 `)])])]),(0,e.cM)("flex",[(0,e.cB)("tabs-nav",`
 width: 100%;
 position: relative;
 `,[(0,e.cB)("tabs-wrapper",`
 width: 100%;
 `,[(0,e.cB)("tabs-tab",`
 margin-right: 0;
 `)])])]),(0,e.cB)("tabs-nav",`
 box-sizing: border-box;
 line-height: 1.5;
 display: flex;
 transition: border-color .3s var(--n-bezier);
 `,[(0,e.cE)("prefix, suffix",`
 display: flex;
 align-items: center;
 `),(0,e.cE)("prefix","padding-right: 16px;"),(0,e.cE)("suffix","padding-left: 16px;")]),(0,e.cM)("top, bottom",[(0,e.c)(">",[(0,e.cB)("tabs-nav",[(0,e.cB)("tabs-nav-scroll-wrapper",[(0,e.c)("&::before",`
 top: 0;
 bottom: 0;
 left: 0;
 width: 20px;
 `),(0,e.c)("&::after",`
 top: 0;
 bottom: 0;
 right: 0;
 width: 20px;
 `),(0,e.cM)("shadow-start",[(0,e.c)("&::before",`
 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
 `)]),(0,e.cM)("shadow-end",[(0,e.c)("&::after",`
 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
 `)])])])])]),(0,e.cM)("left, right",[(0,e.cB)("tabs-nav-scroll-content",`
 flex-direction: column;
 `),(0,e.c)(">",[(0,e.cB)("tabs-nav",[(0,e.cB)("tabs-nav-scroll-wrapper",[(0,e.c)("&::before",`
 top: 0;
 left: 0;
 right: 0;
 height: 20px;
 `),(0,e.c)("&::after",`
 bottom: 0;
 left: 0;
 right: 0;
 height: 20px;
 `),(0,e.cM)("shadow-start",[(0,e.c)("&::before",`
 box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
 `)]),(0,e.cM)("shadow-end",[(0,e.c)("&::after",`
 box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
 `)])])])])]),(0,e.cB)("tabs-nav-scroll-wrapper",`
 flex: 1;
 position: relative;
 overflow: hidden;
 `,[(0,e.cB)("tabs-nav-y-scroll",`
 height: 100%;
 width: 100%;
 overflow-y: auto; 
 scrollbar-width: none;
 `,[(0,e.c)("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb",`
 width: 0;
 height: 0;
 display: none;
 `)]),(0,e.c)("&::before, &::after",`
 transition: box-shadow .3s var(--n-bezier);
 pointer-events: none;
 content: "";
 position: absolute;
 z-index: 1;
 `)]),(0,e.cB)("tabs-nav-scroll-content",`
 display: flex;
 position: relative;
 min-width: 100%;
 min-height: 100%;
 width: fit-content;
 box-sizing: border-box;
 `),(0,e.cB)("tabs-wrapper",`
 display: inline-flex;
 flex-wrap: nowrap;
 position: relative;
 `),(0,e.cB)("tabs-tab-wrapper",`
 display: flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 flex-grow: 0;
 `),(0,e.cB)("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);
 `,[(0,e.cM)("disabled",{cursor:"not-allowed"}),(0,e.cE)("close",`
 margin-left: 6px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 `),(0,e.cE)("label",`
 display: flex;
 align-items: center;
 z-index: 1;
 `)]),(0,e.cB)("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);
 `,[(0,e.c)("&.transition-disabled",`
 transition: none;
 `),(0,e.cM)("disabled",`
 background-color: var(--n-tab-text-color-disabled)
 `)]),(0,e.cB)("tabs-pane-wrapper",`
 position: relative;
 overflow: hidden;
 transition: max-height .2s var(--n-bezier);
 `),(0,e.cB)("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;
 `,[(0,e.c)("&.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);
 `),(0,e.c)("&.next-transition-leave-active, &.prev-transition-leave-active",`
 position: absolute;
 `),(0,e.c)("&.next-transition-enter-from, &.prev-transition-leave-to",`
 transform: translateX(32px);
 opacity: 0;
 `),(0,e.c)("&.next-transition-leave-to, &.prev-transition-enter-from",`
 transform: translateX(-32px);
 opacity: 0;
 `),(0,e.c)("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to",`
 transform: translateX(0);
 opacity: 1;
 `)]),(0,e.cB)("tabs-tab-pad",`
 box-sizing: border-box;
 width: var(--n-tab-gap);
 flex-grow: 0;
 flex-shrink: 0;
 `),(0,e.cM)("line-type, bar-type",[(0,e.cB)("tabs-tab",`
 font-weight: var(--n-tab-font-weight);
 box-sizing: border-box;
 vertical-align: bottom;
 `,[(0,e.c)("&:hover",{color:"var(--n-tab-text-color-hover)"}),(0,e.cM)("active",`
 color: var(--n-tab-text-color-active);
 font-weight: var(--n-tab-font-weight-active);
 `),(0,e.cM)("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),(0,e.cB)("tabs-nav",[(0,e.cM)("line-type",[(0,e.cM)("top",[(0,e.cE)("prefix, suffix",`
 border-bottom: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-nav-scroll-content",`
 border-bottom: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-bar",`
 bottom: -1px;
 `)]),(0,e.cM)("left",[(0,e.cE)("prefix, suffix",`
 border-right: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-nav-scroll-content",`
 border-right: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-bar",`
 right: -1px;
 `)]),(0,e.cM)("right",[(0,e.cE)("prefix, suffix",`
 border-left: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-nav-scroll-content",`
 border-left: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-bar",`
 left: -1px;
 `)]),(0,e.cM)("bottom",[(0,e.cE)("prefix, suffix",`
 border-top: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-nav-scroll-content",`
 border-top: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-bar",`
 top: -1px;
 `)]),(0,e.cE)("prefix, suffix",`
 transition: border-color .3s var(--n-bezier);
 `),(0,e.cB)("tabs-nav-scroll-content",`
 transition: border-color .3s var(--n-bezier);
 `),(0,e.cB)("tabs-bar",`
 border-radius: 0;
 `)]),(0,e.cM)("card-type",[(0,e.cE)("prefix, suffix",`
 transition: border-color .3s var(--n-bezier);
 `),(0,e.cB)("tabs-pad",`
 flex-grow: 1;
 transition: border-color .3s var(--n-bezier);
 `),(0,e.cB)("tabs-tab-pad",`
 transition: border-color .3s var(--n-bezier);
 `),(0,e.cB)("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);
 `,[(0,e.cM)("addable",`
 padding-left: 8px;
 padding-right: 8px;
 font-size: 16px;
 justify-content: center;
 `,[(0,e.cE)("height-placeholder",`
 width: 0;
 font-size: var(--n-tab-font-size);
 `),(0,e.cNotM)("disabled",[(0,e.c)("&:hover",`
 color: var(--n-tab-text-color-hover);
 `)])]),(0,e.cM)("closable","padding-right: 8px;"),(0,e.cM)("active",`
 background-color: #0000;
 font-weight: var(--n-tab-font-weight-active);
 color: var(--n-tab-text-color-active);
 `),(0,e.cM)("disabled","color: var(--n-tab-text-color-disabled);")])]),(0,e.cM)("left, right",`
 flex-direction: column; 
 `,[(0,e.cE)("prefix, suffix",`
 padding: var(--n-tab-padding-vertical);
 `),(0,e.cB)("tabs-wrapper",`
 flex-direction: column;
 `),(0,e.cB)("tabs-tab-wrapper",`
 flex-direction: column;
 `,[(0,e.cB)("tabs-tab-pad",`
 height: var(--n-tab-gap-vertical);
 width: 100%;
 `)])]),(0,e.cM)("top",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
 border-bottom: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-tab",`
 border-top-left-radius: var(--n-tab-border-radius);
 border-top-right-radius: var(--n-tab-border-radius);
 `,[(0,e.cM)("active",`
 border-bottom: 1px solid #0000;
 `)]),(0,e.cB)("tabs-tab-pad",`
 border-bottom: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-pad",`
 border-bottom: 1px solid var(--n-tab-border-color);
 `)])]),(0,e.cM)("left",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-right: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
 border-right: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-tab",`
 border-top-left-radius: var(--n-tab-border-radius);
 border-bottom-left-radius: var(--n-tab-border-radius);
 `,[(0,e.cM)("active",`
 border-right: 1px solid #0000;
 `)]),(0,e.cB)("tabs-tab-pad",`
 border-right: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-pad",`
 border-right: 1px solid var(--n-tab-border-color);
 `)])]),(0,e.cM)("right",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-left: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
 border-left: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-tab",`
 border-top-right-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 `,[(0,e.cM)("active",`
 border-left: 1px solid #0000;
 `)]),(0,e.cB)("tabs-tab-pad",`
 border-left: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-pad",`
 border-left: 1px solid var(--n-tab-border-color);
 `)])]),(0,e.cM)("bottom",[(0,e.cM)("card-type",[(0,e.cB)("tabs-scroll-padding","border-top: 1px solid var(--n-tab-border-color);"),(0,e.cE)("prefix, suffix",`
 border-top: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-tab",`
 border-bottom-left-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 `,[(0,e.cM)("active",`
 border-top: 1px solid #0000;
 `)]),(0,e.cB)("tabs-tab-pad",`
 border-top: 1px solid var(--n-tab-border-color);
 `),(0,e.cB)("tabs-pad",`
 border-top: 1px solid var(--n-tab-border-color);
 `)])])])]);(function(i){var l=U.commonjsGlobal&&U.commonjsGlobal.__importDefault||function(n){return n&&n.__esModule?n:{default:n}};Object.defineProperty(i,"__esModule",{value:!0}),i.tabsProps=void 0;const c=B.lodashExports,b=B.require$$0,f=B.require$$1,r=pe.require$$2,F=B.require$$4,u=B._mixins,s=B._utils,P=ze,k=re,V=l(me),j=l(ue),_=c.throttle;i.tabsProps=Object.assign(Object.assign({},u.useTheme.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]}),i.default=(0,r.defineComponent)({name:"Tabs",props:i.tabsProps,slots:Object,setup(n,{slots:m}){var C,O,v,D;process.env.NODE_ENV!=="production"&&(0,r.watchEffect)(()=>{n.labelSize!==void 0&&(0,s.warnOnce)("tabs","`label-size` is deprecated, please use `size` instead."),n.activeName!==void 0&&(0,s.warnOnce)("tabs","`active-name` is deprecated, please use `value` instead."),n.onActiveNameChange!==void 0&&(0,s.warnOnce)("tabs","`on-active-name-change` is deprecated, please use `on-update:value` instead.")});const{mergedClsPrefixRef:x,inlineThemeDisabled:S,mergedComponentPropsRef:T}=(0,u.useConfig)(n),H=(0,u.useTheme)("Tabs","-tabs",V.default,P.tabsLight,n,x),W=(0,r.ref)(null),I=(0,r.ref)(null),N=(0,r.ref)(null),R=(0,r.ref)(null),y=(0,r.ref)(null),X=(0,r.ref)(null),A=(0,r.ref)(!0),J=(0,r.ref)(!0),z=(0,f.useCompitable)(n,["labelSize","size"]),Q=(0,r.computed)(()=>{var t,a;if(z.value)return z.value;const o=(a=(t=T==null?void 0:T.value)===null||t===void 0?void 0:t.Tabs)===null||a===void 0?void 0:a.size;return o||"medium"}),K=(0,f.useCompitable)(n,["activeName","value"]),p=(0,r.ref)((O=(C=K.value)!==null&&C!==void 0?C:n.defaultValue)!==null&&O!==void 0?O:m.default?(D=(v=(0,s.flatten)(m.default())[0])===null||v===void 0?void 0:v.props)===null||D===void 0?void 0:D.name:null),h=(0,f.useMergedState)(K,p),Y={id:0},Le=(0,r.computed)(()=>{if(!(!n.justifyContent||n.type==="card"))return{display:"flex",justifyContent:n.justifyContent}});(0,r.watch)(h,()=>{Y.id=0,le(),ye()});function ie(){var t;const{value:a}=h;return a===null?null:(t=W.value)===null||t===void 0?void 0:t.querySelector(`[data-name="${a}"]`)}function je(t){if(n.type==="card")return;const{value:a}=I;if(!a)return;const o=a.style.opacity==="0";if(t){const d=`${x.value}-tabs-bar--disabled`,{barWidth:g,placement:M}=n;if(t.dataset.disabled==="true"?a.classList.add(d):a.classList.remove(d),["top","bottom"].includes(M)){if(xe(["top","maxHeight","height"]),typeof g=="number"&&t.offsetWidth>=g){const L=Math.floor((t.offsetWidth-g)/2)+t.offsetLeft;a.style.left=`${L}px`,a.style.maxWidth=`${g}px`}else a.style.left=`${t.offsetLeft}px`,a.style.maxWidth=`${t.offsetWidth}px`;a.style.width="8192px",o&&(a.style.transition="none"),a.offsetWidth,o&&(a.style.transition="",a.style.opacity="1")}else{if(xe(["left","maxWidth","width"]),typeof g=="number"&&t.offsetHeight>=g){const L=Math.floor((t.offsetHeight-g)/2)+t.offsetTop;a.style.top=`${L}px`,a.style.maxHeight=`${g}px`}else a.style.top=`${t.offsetTop}px`,a.style.maxHeight=`${t.offsetHeight}px`;a.style.height="8192px",o&&(a.style.transition="none"),a.offsetHeight,o&&(a.style.transition="",a.style.opacity="1")}}}function Ee(){if(n.type==="card")return;const{value:t}=I;t&&(t.style.opacity="0")}function xe(t){const{value:a}=I;if(a)for(const o of t)a.style[o]=""}function le(){if(n.type==="card")return;const t=ie();t?je(t):Ee()}function ye(){var t;const a=(t=y.value)===null||t===void 0?void 0:t.$el;if(!a)return;const o=ie();if(!o)return;const{scrollLeft:d,offsetWidth:g}=a,{offsetLeft:M,offsetWidth:L}=o;d>M?a.scrollTo({top:0,left:M,behavior:"smooth"}):M+L>d+g&&a.scrollTo({top:0,left:M+L-g,behavior:"smooth"})}const se=(0,r.ref)(null);let ce=0,q=null;function $e(t){const a=se.value;if(a){ce=t.getBoundingClientRect().height;const o=`${ce}px`,d=()=>{a.style.height=o,a.style.maxHeight=o};q?(d(),q(),q=null):q=d}}function Oe(t){const a=se.value;if(a){const o=t.getBoundingClientRect().height,d=()=>{document.body.offsetHeight,a.style.maxHeight=`${o}px`,a.style.height=`${Math.max(ce,o)}px`};q?(q(),q=null,d()):q=d}}function We(){const t=se.value;if(t){t.style.maxHeight="",t.style.height="";const{paneWrapperStyle:a}=n;if(typeof a=="string")t.style.cssText=a;else if(a){const{maxHeight:o,height:d}=a;o!==void 0&&(t.style.maxHeight=o),d!==void 0&&(t.style.height=d)}}}const Ce={value:[]},Pe=(0,r.ref)("next");function Ae(t){const a=h.value;let o="next";for(const d of Ce.value){if(d===a)break;if(d===t){o="prev";break}}Pe.value=o,ke(t)}function ke(t){const{onActiveNameChange:a,onUpdateValue:o,"onUpdate:value":d}=n;a&&(0,s.call)(a,t),o&&(0,s.call)(o,t),d&&(0,s.call)(d,t),p.value=t}function Ve(t){const{onClose:a}=n;a&&(0,s.call)(a,t)}function _e(){const{value:t}=I;if(!t)return;const a="transition-disabled";t.classList.add(a),le(),t.classList.remove(a)}const Z=(0,r.ref)(null);function be({transitionDisabled:t}){const a=W.value;if(!a)return;t&&a.classList.add("transition-disabled");const o=ie();o&&Z.value&&(Z.value.style.width=`${o.offsetWidth}px`,Z.value.style.height=`${o.offsetHeight}px`,Z.value.style.transform=`translateX(${o.offsetLeft-(0,b.depx)(getComputedStyle(a).paddingLeft)}px)`,t&&Z.value.offsetWidth),t&&a.classList.remove("transition-disabled")}(0,r.watch)([h],()=>{n.type==="segment"&&(0,r.nextTick)(()=>{be({transitionDisabled:!1})})}),(0,r.onMounted)(()=>{n.type==="segment"&&be({transitionDisabled:!0})});let Se=0;function Ge(t){var a;if(t.contentRect.width===0&&t.contentRect.height===0||Se===t.contentRect.width)return;Se=t.contentRect.width;const{type:o}=n;if((o==="line"||o==="bar")&&_e(),o!=="segment"){const{placement:d}=n;fe((d==="top"||d==="bottom"?(a=y.value)===null||a===void 0?void 0:a.$el:X.value)||null)}}const De=_(Ge,64);(0,r.watch)([()=>n.justifyContent,()=>n.size],()=>{(0,r.nextTick)(()=>{const{type:t}=n;(t==="line"||t==="bar")&&_e()})});const ee=(0,r.ref)(!1);function He(t){var a;const{target:o,contentRect:{width:d,height:g}}=t,M=o.parentElement.parentElement.offsetWidth,L=o.parentElement.parentElement.offsetHeight,{placement:ae}=n;if(!ee.value)ae==="top"||ae==="bottom"?M<d&&(ee.value=!0):L<g&&(ee.value=!0);else{const{value:ne}=R;if(!ne)return;ae==="top"||ae==="bottom"?M-d>ne.$el.offsetWidth&&(ee.value=!1):L-g>ne.$el.offsetHeight&&(ee.value=!1)}fe(((a=y.value)===null||a===void 0?void 0:a.$el)||null)}const Ie=_(He,64);function Fe(){const{onAdd:t}=n;t&&t(),(0,r.nextTick)(()=>{const a=ie(),{value:o}=y;!a||!o||o.scrollTo({left:a.offsetLeft,top:0,behavior:"smooth"})})}function fe(t){if(!t)return;const{placement:a}=n;if(a==="top"||a==="bottom"){const{scrollLeft:o,scrollWidth:d,offsetWidth:g}=t;A.value=o<=0,J.value=o+g>=d}else{const{scrollTop:o,scrollHeight:d,offsetHeight:g}=t;A.value=o<=0,J.value=o+g>=d}}const Ne=_(t=>{fe(t.target)},64);(0,r.provide)(k.tabsInjectionKey,{triggerRef:(0,r.toRef)(n,"trigger"),tabStyleRef:(0,r.toRef)(n,"tabStyle"),tabClassRef:(0,r.toRef)(n,"tabClass"),addTabStyleRef:(0,r.toRef)(n,"addTabStyle"),addTabClassRef:(0,r.toRef)(n,"addTabClass"),paneClassRef:(0,r.toRef)(n,"paneClass"),paneStyleRef:(0,r.toRef)(n,"paneStyle"),mergedClsPrefixRef:x,typeRef:(0,r.toRef)(n,"type"),closableRef:(0,r.toRef)(n,"closable"),valueRef:h,tabChangeIdRef:Y,onBeforeLeaveRef:(0,r.toRef)(n,"onBeforeLeave"),activateTab:Ae,handleClose:Ve,handleAdd:Fe}),(0,f.onFontsReady)(()=>{le(),ye()}),(0,r.watchEffect)(()=>{const{value:t}=N;if(!t)return;const{value:a}=x,o=`${a}-tabs-nav-scroll-wrapper--shadow-start`,d=`${a}-tabs-nav-scroll-wrapper--shadow-end`;A.value?t.classList.remove(o):t.classList.add(o),J.value?t.classList.remove(d):t.classList.add(d)});const Ke={syncBarPosition:()=>{le()}},qe=()=>{be({transitionDisabled:!0})},Be=(0,r.computed)(()=>{const{value:t}=Q,{type:a}=n,o={card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[a],d=`${t}${o}`,{self:{barColor:g,closeIconColor:M,closeIconColorHover:L,closeIconColorPressed:ae,tabColor:ne,tabBorderColor:Ue,paneTextColor:Xe,tabFontWeight:Je,tabBorderRadius:Qe,tabFontWeightActive:Ye,colorSegment:Ze,fontWeightStrong:et,tabColorSegment:tt,closeSize:at,closeIconSize:rt,closeColorHover:nt,closeColorPressed:ot,closeBorderRadius:it,[(0,s.createKey)("panePadding",t)]:de,[(0,s.createKey)("tabPadding",d)]:lt,[(0,s.createKey)("tabPaddingVertical",d)]:st,[(0,s.createKey)("tabGap",d)]:dt,[(0,s.createKey)("tabGap",`${d}Vertical`)]:ct,[(0,s.createKey)("tabTextColor",a)]:bt,[(0,s.createKey)("tabTextColorActive",a)]:ft,[(0,s.createKey)("tabTextColorHover",a)]:pt,[(0,s.createKey)("tabTextColorDisabled",a)]:ut,[(0,s.createKey)("tabFontSize",t)]:vt},common:{cubicBezierEaseInOut:gt}}=H.value;return{"--n-bezier":gt,"--n-color-segment":Ze,"--n-bar-color":g,"--n-tab-font-size":vt,"--n-tab-text-color":bt,"--n-tab-text-color-active":ft,"--n-tab-text-color-disabled":ut,"--n-tab-text-color-hover":pt,"--n-pane-text-color":Xe,"--n-tab-border-color":Ue,"--n-tab-border-radius":Qe,"--n-close-size":at,"--n-close-icon-size":rt,"--n-close-color-hover":nt,"--n-close-color-pressed":ot,"--n-close-border-radius":it,"--n-close-icon-color":M,"--n-close-icon-color-hover":L,"--n-close-icon-color-pressed":ae,"--n-tab-color":ne,"--n-tab-font-weight":Je,"--n-tab-font-weight-active":Ye,"--n-tab-padding":lt,"--n-tab-padding-vertical":st,"--n-tab-gap":dt,"--n-tab-gap-vertical":ct,"--n-pane-padding-left":(0,b.getPadding)(de,"left"),"--n-pane-padding-right":(0,b.getPadding)(de,"right"),"--n-pane-padding-top":(0,b.getPadding)(de,"top"),"--n-pane-padding-bottom":(0,b.getPadding)(de,"bottom"),"--n-font-weight-strong":et,"--n-tab-color-segment":tt}}),te=S?(0,u.useThemeClass)("tabs",(0,r.computed)(()=>`${Q.value[0]}${n.type[0]}`),Be,n):void 0;return Object.assign({mergedClsPrefix:x,mergedValue:h,renderedNames:new Set,segmentCapsuleElRef:Z,tabsPaneWrapperRef:se,tabsElRef:W,barElRef:I,addTabInstRef:R,xScrollInstRef:y,scrollWrapperElRef:N,addTabFixed:ee,tabWrapperStyle:Le,handleNavResize:De,mergedSize:Q,handleScroll:Ne,handleTabsResize:Ie,cssVars:S?void 0:Be,themeClass:te==null?void 0:te.themeClass,animationDirection:Pe,renderNameListRef:Ce,yScrollElRef:X,handleSegmentResize:qe,onAnimationBeforeLeave:$e,onAnimationEnter:Oe,onAnimationAfterEnter:We,onRender:te==null?void 0:te.onRender},Ke)},render(){const{mergedClsPrefix:n,type:m,placement:C,addTabFixed:O,addable:v,mergedSize:D,renderNameListRef:x,onRender:S,paneWrapperClass:T,paneWrapperStyle:H,$slots:{default:W,prefix:I,suffix:N}}=this;S==null||S();const R=W?(0,s.flatten)(W()).filter(p=>p.type.__TAB_PANE__===!0):[],y=W?(0,s.flatten)(W()).filter(p=>p.type.__TAB__===!0):[],X=!y.length,A=m==="card",J=m==="segment",z=!A&&!J&&this.justifyContent;x.value=[];const Q=()=>{const p=(0,r.h)("div",{style:this.tabWrapperStyle,class:`${n}-tabs-wrapper`},z?null:(0,r.h)("div",{class:`${n}-tabs-scroll-padding`,style:C==="top"||C==="bottom"?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),X?R.map((h,Y)=>(x.value.push(h.props.name),w((0,r.h)(j.default,Object.assign({},h.props,{internalCreatedByPane:!0,internalLeftPadded:Y!==0&&(!z||z==="center"||z==="start"||z==="end")}),h.children?{default:h.children.tab}:void 0)))):y.map((h,Y)=>(x.value.push(h.props.name),w(Y!==0&&!z?$(h):h))),!O&&v&&A?G(v,(X?R.length:y.length)!==0):null,z?null:(0,r.h)("div",{class:`${n}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return(0,r.h)("div",{ref:"tabsElRef",class:`${n}-tabs-nav-scroll-content`},A&&v?(0,r.h)(F.VResizeObserver,{onResize:this.handleTabsResize},{default:()=>p}):p,A?(0,r.h)("div",{class:`${n}-tabs-pad`}):null,A?null:(0,r.h)("div",{ref:"barElRef",class:`${n}-tabs-bar`}))},K=J?"top":C;return(0,r.h)("div",{class:[`${n}-tabs`,this.themeClass,`${n}-tabs--${m}-type`,`${n}-tabs--${D}-size`,z&&`${n}-tabs--flex`,`${n}-tabs--${K}`],style:this.cssVars},(0,r.h)("div",{class:[`${n}-tabs-nav--${m}-type`,`${n}-tabs-nav--${K}`,`${n}-tabs-nav`]},(0,s.resolveWrappedSlot)(I,p=>p&&(0,r.h)("div",{class:`${n}-tabs-nav__prefix`},p)),J?(0,r.h)(F.VResizeObserver,{onResize:this.handleSegmentResize},{default:()=>(0,r.h)("div",{class:`${n}-tabs-rail`,ref:"tabsElRef"},(0,r.h)("div",{class:`${n}-tabs-capsule`,ref:"segmentCapsuleElRef"},(0,r.h)("div",{class:`${n}-tabs-wrapper`},(0,r.h)("div",{class:`${n}-tabs-tab`}))),X?R.map((p,h)=>(x.value.push(p.props.name),(0,r.h)(j.default,Object.assign({},p.props,{internalCreatedByPane:!0,internalLeftPadded:h!==0}),p.children?{default:p.children.tab}:void 0))):y.map((p,h)=>(x.value.push(p.props.name),h===0?p:$(p))))}):(0,r.h)(F.VResizeObserver,{onResize:this.handleNavResize},{default:()=>(0,r.h)("div",{class:`${n}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes(K)?(0,r.h)(F.VXScroll,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:Q}):(0,r.h)("div",{class:`${n}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},Q()))}),O&&v&&A?G(v,!0):null,(0,s.resolveWrappedSlot)(N,p=>p&&(0,r.h)("div",{class:`${n}-tabs-nav__suffix`},p))),X&&(this.animated&&(K==="top"||K==="bottom")?(0,r.h)("div",{ref:"tabsPaneWrapperRef",style:H,class:[`${n}-tabs-pane-wrapper`,T]},E(R,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):E(R,this.mergedValue,this.renderedNames)))}});function E(n,m,C,O,v,D,x){const S=[];return n.forEach(T=>{const{name:H,displayDirective:W,"display-directive":I}=T.props,N=y=>W===y||I===y,R=m===H;if(T.key!==void 0&&(T.key=H),R||N("show")||N("show:lazy")&&C.has(H)){C.has(H)||C.add(H);const y=!N("if");S.push(y?(0,r.withDirectives)(T,[[r.vShow,R]]):T)}}),x?(0,r.h)(r.TransitionGroup,{name:`${x}-transition`,onBeforeLeave:O,onEnter:v,onAfterEnter:D},{default:()=>S}):S}function G(n,m){return(0,r.h)(j.default,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:m,disabled:typeof n=="object"&&n.disabled})}function $(n){const m=(0,r.cloneVNode)(n);return m.props?m.props.internalLeftPadded=!0:m.props={internalLeftPadded:!0},m}function w(n){return Array.isArray(n.dynamicProps)?n.dynamicProps.includes("internalLeftPadded")||n.dynamicProps.push("internalLeftPadded"):n.dynamicProps=["internalLeftPadded"],n}})(Re);(function(i){var l=U.commonjsGlobal&&U.commonjsGlobal.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(i,"__esModule",{value:!0}),i.tabsProps=i.NTabs=i.tabPaneProps=i.NTabPane=i.tabProps=i.NTab=void 0;var c=ue;Object.defineProperty(i,"NTab",{enumerable:!0,get:function(){return l(c).default}}),Object.defineProperty(i,"tabProps",{enumerable:!0,get:function(){return c.tabProps}});var b=ve;Object.defineProperty(i,"NTabPane",{enumerable:!0,get:function(){return l(b).default}}),Object.defineProperty(i,"tabPaneProps",{enumerable:!0,get:function(){return b.tabPaneProps}});var f=Re;Object.defineProperty(i,"NTabs",{enumerable:!0,get:function(){return l(f).default}}),Object.defineProperty(i,"tabsProps",{enumerable:!0,get:function(){return f.tabsProps}})})(Te);const wt=ht({__proto__:null},[Te]);exports.index=wt;