epic-designer-gold/dist/index-D5WpEOUO.cjs

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

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