epic-designer-gold 1.0.1 → 1.0.2

package/dist/index-D5WpEOUO.cjs

@@ -0,0 +1,351 @@
+"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;

package/dist/index-DEPx91yu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./js.cookie-BH1G_HRi.cjs"),V=require("element-plus"),p=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),G={class:"e-data-source"},I={class:"icon-numbers"},$={class:"drawer-content"},z={class:"drawer-content-left"},H=["onClick"],Q={class:"source-item-title"},W=["onClick"],X={class:"drawer-content-right"},Y={class:"content"},Z={key:0,class:"content-empty"},ee={key:1,class:"content-form"},ae={class:"form-flex"},te={class:"form-item"},le={class:"form-item-title"},oe={key:0,class:"form-item-content"},re={class:"form-item"},ne={class:"form-item-title"},de={key:0,class:"form-item-content"},ue={class:"form-item"},se={class:"form-item-title"},ie={key:0,class:"form-item-content"},ce={class:"content-right-btn"},me=e.defineComponent({__name:"index",emits:["update:modelValue","update:sourceData"],setup(pe,{emit:ve}){const i=n.pluginManager.getComponent("button"),C=n.pluginManager.getComponent("Drawer"),s=n.pluginManager.getComponent("input"),N=n.pluginManager.getComponent("FormItem"),w=n.pluginManager.getComponent("Form"),x=n.pluginManager.getComponent("RadioGroup"),h=n.pluginManager.getComponent("RadioButton");n.pluginManager.getComponent("select"),n.pluginManager.getComponent("switch");const k=e.ref(),B={GET:"#67c23a",POST:"#e6a23c",PUT:"#409eff",DELETE:"#f56c6c"},L=e.ref(0),S=e.reactive({apiName:[{required:!0,message:"请输入接口名称",trigger:"blur"}],url:[{required:!0,message:"请输入请求地址",trigger:"blur"}],dataKey:[{required:!0,message:"请输入标签键名",trigger:"blur"}],dataValue:[{required:!0,message:"请输入值键名",trigger:"blur"}]}),E=e.ref(!1),c=e.ref([]),a=e.ref(),g=[{label:"1",value:"1"}];function O(){E.value=!0}function M(){const l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return l.charAt(Math.floor(Math.random()*l.length))}function U(l){let t="";for(let o=0;o<l;o++)t+=M();return t}function T(){!a.value||a.value.id||!Object.keys(a.value).length?(a.value={id:"",url:"",body:{},bodyList:[],apiName:`数据源_${U(5)}`,method:"get",params:{},paramsList:[],dataKey:"name",headers:{},headerList:[],dataPath:"",dataValue:"id"},c.value.push(a.value)):a.value.id||_()}function D(l){var t;!a.value||a.value.id||!Object.keys(a.value).length?(c.value=JSON.parse(JSON.stringify(n.pluginManager.getSourceData())),((t=a.value)==null?void 0:t.id)===l?a.value={}:(a.value=c.value.find(o=>o.id===l),a.value.paramsList=Object.keys(JSON.parse(a.value.params)).map(o=>({label:o,value:JSON.parse(a.value.params)[o]})),a.value.bodyList=Object.keys(JSON.parse(a.value.body)).map(o=>({label:o,value:JSON.parse(a.value.body)[o]})),a.value.headerList=Object.keys(JSON.parse(a.value.headers)).map(o=>({label:o,value:JSON.parse(a.value.headers)[o]})))):_()}function J(l){l?(n.EventBus.emit("deleteSourceData",l),a.value={}):(c.value=c.value.filter(t=>t.id!==l),a.value={})}function P(){var l;(l=a.value)==null||l.paramsList.push({label:"",value:""})}function q(l){a.value.paramsList.splice(l,1)}function F(){var l;(l=a.value)==null||l.headerList.push({label:"",value:""})}function R(l){a.value.headerList.splice(l,1)}function j(){var l;(l=a.value)==null||l.bodyList.push({label:"",value:""})}function K(l){a.value.bodyList.splice(l,1)}e.onMounted(()=>{c.value=JSON.parse(JSON.stringify(n.pluginManager.getSourceData()))}),n.EventBus.on("updateSource",l=>{c.value=JSON.parse(JSON.stringify(n.pluginManager.getSourceData()))});async function A(){k.value.validate(async l=>{if(l)try{const t={};a.value.paramsList.forEach(d=>{t[d.label]=d.value});const o={};a.value.bodyList.forEach(d=>{o[d.label]=d.value});const v={};a.value.headerList.forEach(d=>{v[d.label]=d.value});let m=await n.axios({method:a.value.method,url:a.value.url,params:t,data:o,headers:{...v,Authorization:"Bearer "+n.api.get("Admin-Token")}});if(a.value.dataPath){const y=a.value.dataPath.split(".").reduce((f,r)=>f[r],m.data);y&&y.length?V.ElMessage({message:y.map(f=>({label:f[a.value.dataKey],value:f[a.value.dataValue]}))}):V.ElMessage.info("配置错误")}else m.data&&m.data.length?V.ElMessage({message:m.data.map(d=>({label:d[a.value.dataKey],value:d[a.value.dataValue]}))}):V.ElMessage.info("配置错误")}catch{V.ElMessage.error("请求失败")}finally{}else V.ElMessage.error("请填写必填项")})}async function _(){a.value.body=a.value.bodyList.reduce((l,t)=>(l[t.label]=t.value,l),{}),a.value.params=a.value.paramsList.reduce((l,t)=>(l[t.label]=t.value,l),{}),a.value.headers=a.value.headerList.reduce((l,t)=>(l[t.label]=t.value,l),{}),k.value.validate(l=>{l?a.value.id?(n.EventBus.emit("updateSourceData",{...a.value,body:JSON.stringify(a.value.body),params:JSON.stringify(a.value.params),headers:JSON.stringify(a.value.headers)}),a.value={}):(n.EventBus.emit("saveSourceData",{...a.value,body:JSON.stringify(a.value.body),params:JSON.stringify(a.value.params),headers:JSON.stringify(a.value.headers)}),a.value={}):V.ElMessage.warning("请先完善表单")})}return(l,t)=>(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(e.unref(i),{class:"btn",onClick:O},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{name:"icon--epic--window-outline",class:"mr-4px"}),t[8]||(t[8]=e.createElementVNode("span",null,"配置",-1)),e.createElementVNode("span",I,e.toDisplayString(L.value||c.value.length),1)]),_:1}),e.createVNode(e.unref(C),{size:960,modelValue:E.value,"onUpdate:modelValue":t[7]||(t[7]=o=>E.value=o),"append-to-body":"",title:"数据源"},{default:e.withCtx(()=>[e.createElementVNode("div",$,[e.createElementVNode("div",z,[e.createVNode(e.unref(i),{type:"primary",class:"btn",onClick:T},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{name:"icon--epic--add-rounded",class:"mr-4px"}),t[9]||(t[9]=e.createElementVNode("span",null,"新增数据源",-1))]),_:1}),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,o=>{var v;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["source-item",{active:o.id===((v=a.value)==null?void 0:v.id)}]),key:o.id,onClick:m=>D(o.id)},[e.createElementVNode("div",Q,[e.createElementVNode("div",{style:e.normalizeStyle({color:B[o.method.toLocaleUpperCase()]})},e.toDisplayString(o.method.toLocaleUpperCase()),5),e.createElementVNode("div",null,e.toDisplayString(o.apiName),1)]),e.createElementVNode("div",{onClick:m=>J(o.id),class:"source-item-icon"},[e.createVNode(e.unref(p._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,W)],10,H)}),128))])]),e.createElementVNode("div",X,[e.createElementVNode("div",Y,[!a.value||!Object.keys(a.value).length?(e.openBlock(),e.createElementBlock("div",Z,"请选择数据源")):(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(e.unref(w),{ref_key:"ruleFormRef",ref:k,model:a.value,"label-position":"top",rules:S,"label-width":120},{default:e.withCtx(()=>{var o,v,m,d,y,f;return[e.createVNode(e.unref(N),{prop:"apiName",label:"接口名称"},{default:e.withCtx(()=>[e.createVNode(e.unref(s),{clearable:"",modelValue:a.value.apiName,"onUpdate:modelValue":t[0]||(t[0]=r=>a.value.apiName=r),placeholder:"请输入接口名称"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(N),{prop:"url",label:"请求地址"},{default:e.withCtx(()=>[e.createVNode(e.unref(s),{modelValue:a.value.url,"onUpdate:modelValue":t[1]||(t[1]=r=>a.value.url=r),clearable:"",placeholder:"请输入完整的请求地址"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(N),{label:"请求方法",required:""},{default:e.withCtx(()=>[e.createVNode(e.unref(x),{modelValue:a.value.method,"onUpdate:modelValue":t[2]||(t[2]=r=>a.value.method=r)},{default:e.withCtx(()=>[e.createVNode(e.unref(h),{label:"GET",value:"get"},{default:e.withCtx(()=>t[10]||(t[10]=[e.createTextVNode("GET")])),_:1}),e.createVNode(e.unref(h),{label:"POST",value:"post"},{default:e.withCtx(()=>t[11]||(t[11]=[e.createTextVNode("POST")])),_:1}),e.createVNode(e.unref(h),{label:"PUT",value:"put"},{default:e.withCtx(()=>t[12]||(t[12]=[e.createTextVNode("PUT")])),_:1}),e.createVNode(e.unref(h),{label:"DELETE",value:"delete"},{default:e.withCtx(()=>t[13]||(t[13]=[e.createTextVNode("DELETE")])),_:1})]),_:1},8,["modelValue"])]),_:1}),e.createElementVNode("div",ae,[e.createVNode(e.unref(N),{prop:"dataKey",style:{width:"30%"},label:"标签键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(s),{modelValue:a.value.dataKey,"onUpdate:modelValue":t[3]||(t[3]=r=>a.value.dataKey=r),clearable:"",placeholder:"请输入标签键名"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(N),{prop:"dataValue",style:{width:"30%"},label:"值键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(s),{modelValue:a.value.dataValue,"onUpdate:modelValue":t[4]||(t[4]=r=>a.value.dataValue=r),clearable:"",placeholder:"请输入值键名"},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(N),{style:{width:"33%"},label:"数据位置"},{default:e.withCtx(()=>[e.createVNode(e.unref(s),{modelValue:a.value.dataPath,"onUpdate:modelValue":t[5]||(t[5]=r=>a.value.dataPath=r),clearable:"",placeholder:"多层嵌套使用.分隔"},null,8,["modelValue"])]),_:1})]),e.createElementVNode("div",te,[e.createElementVNode("div",le,[t[15]||(t[15]=e.createElementVNode("div",null,"请求参数",-1)),e.createVNode(e.unref(i),{onClick:P,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{name:"icon--epic--add-rounded"}),t[14]||(t[14]=e.createTextVNode(" 添加 "))]),_:1})]),(o=a.value)!=null&&o.paramsList&&((v=a.value)!=null&&v.paramsList.length)?(e.openBlock(),e.createElementBlock("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.paramsList,(r,b)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:r.value},[e.createVNode(e.unref(s),{modelValue:r.label,"onUpdate:modelValue":u=>r.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:g,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(s),{modelValue:r.value,"onUpdate:modelValue":u=>r.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:g,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>q(b),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",re,[e.createElementVNode("div",ne,[t[17]||(t[17]=e.createElementVNode("div",null,"请求头",-1)),e.createVNode(e.unref(i),{onClick:F,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{name:"icon--epic--add-rounded"}),t[16]||(t[16]=e.createTextVNode(" 添加 "))]),_:1})]),(m=a.value)!=null&&m.headerList&&((d=a.value)!=null&&d.headerList.length)?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.headerList,(r,b)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:b},[e.createVNode(e.unref(s),{modelValue:r.label,"onUpdate:modelValue":u=>r.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:g,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(s),{modelValue:r.value,"onUpdate:modelValue":u=>r.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:g,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>R(b),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ue,[e.createElementVNode("div",se,[t[19]||(t[19]=e.createElementVNode("div",null,"请求体",-1)),e.createVNode(e.unref(i),{onClick:j,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{name:"icon--epic--add-rounded"}),t[18]||(t[18]=e.createTextVNode(" 添加 "))]),_:1})]),(y=a.value)!=null&&y.bodyList&&((f=a.value)!=null&&f.bodyList.length)?(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value.bodyList,(r,b)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:b},[e.createVNode(e.unref(s),{modelValue:r.label,"onUpdate:modelValue":u=>r.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:g,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(s),{modelValue:r.value,"onUpdate:modelValue":u=>r.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:g,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:t[6]||(t[6]=u=>K(l.i)),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(p._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:1})]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",ce,[e.createVNode(e.unref(i),{type:"info",onClick:A},{default:e.withCtx(()=>t[20]||(t[20]=[e.createTextVNode("请求测试")])),_:1}),e.createVNode(e.unref(i),{type:"primary",onClick:_},{default:e.withCtx(()=>t[21]||(t[21]=[e.createTextVNode("保存")])),_:1})])]}),_:1},8,["model","rules"])]))])])])]),_:1},8,["modelValue"])]))}});exports.default=me;