ai-form-designer/dist/index-BKai-fYp.cjs

vue3+adv的设计器,可视化开发页面表单

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