8 lines
49 KiB
JavaScript
8 lines
49 KiB
JavaScript
"use strict";(self["webpackChunkwordhelper"]=self["webpackChunkwordhelper"]||[]).push([[493],{10496:function(e,t,n){n.d(t,{S:function(){return i}});var a=n(56768),o=n(35268),r=n(99758);const i={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]};t.A=(0,a.pM)({__TAB_PANE__:!0,name:"TabPane",alias:["TabPanel"],props:i,slots:Object,setup(e){const t=(0,a.WQ)(r.v,null);return t||(0,o.$8)("tab-pane","`n-tab-pane` must be placed inside `n-tabs`."),{style:t.paneStyleRef,class:t.paneClassRef,mergedClsPrefix:t.mergedClsPrefixRef}},render(){return(0,a.h)("div",{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}})},15227:function(e,t,n){n.d(t,{A:function(){return V}});n(44114),n(18111),n(20116),n(7588),n(17642),n(58004),n(33853),n(45876),n(32475),n(15024),n(31698);var a=n(56768),o=n(90144),r=n(24232),i=n(97387),l=n(48129),s=n(93913),d=n(59856),c=n(68042),b=n(9845),u=n(92720),p=n(54880),v=n(18169),f=n(73969),h=n(35720),g=n(6127);const x={class:"flex flex-col h-[60vh] md:h-[500px]"},m={class:"mb-4"},y={class:"flex-1 overflow-y-auto min-h-0 border rounded-md border-gray-200 dark:border-gray-700 relative"},w={key:0,class:"flex justify-center items-center h-full"},R={key:1,class:"flex flex-col justify-center items-center h-full text-gray-500"},C={key:2,class:"divide-y divide-gray-100 dark:divide-gray-800"},B=["onClick"],k={class:"flex-1 min-w-0 pr-3"},z={class:"flex items-center gap-2 mb-1"},S={class:"font-medium truncate text-gray-900 dark:text-gray-100"},A={class:"text-xs text-gray-500 truncate flex items-center gap-2"},$={key:0,class:"text-gray-400"},E={class:"flex-shrink-0"},T={key:0,class:"p-3 text-center"},W={class:"mt-4 pt-4 border-t border-gray-100 dark:border-gray-800 flex justify-between items-center"},M={class:"text-sm text-gray-500"},_={class:"font-medium text-indigo-600 dark:text-indigo-400"},F={class:"flex gap-3"};var P={__name:"ListSelector",props:{show:{type:Boolean,default:!1},modelValue:{type:Array,default:()=>[]},selectedList:{type:Array,default:()=>[]},maxCount:{type:Number,default:10}},emits:["update:show","update:modelValue","update:selectedList","confirm"],setup(e,{emit:t}){const n=e,P=t,L=(0,i.J)(),j=(0,a.EW)({get:()=>n.show,set:e=>P("update:show",e)}),V=(0,o.KR)([]),D=(0,o.KR)(!1),K=(0,o.KR)(1),H=(0,o.KR)(!0),N=(0,o.KR)(""),O=(0,o.KR)(new Set),I=(0,o.KR)(new Map);(0,a.wB)(()=>n.show,e=>{e&&(O.value=new Set(n.modelValue),I.value=new Map,n.selectedList.forEach(e=>{e&&e.id&&I.value.set(e.id,e)}),K.value=1,N.value="",V.value=[],X())});const X=async()=>{if(!D.value){D.value=!0;try{const e=await h.A.get("https://newfront.xn--xhq44jb2fzpc.com/word_helper/word_list/list",{params:{page:K.value,limit:5,own:!1,search:N.value}}),t=e.data,n=t.list||[];1===K.value?V.value=n:V.value=[...V.value,...n];const a=t.pagination;H.value=a.current_page<a.total_pages}catch(e){console.error("Failed to fetch lists:",e),L.error("获取词单列表失败")}finally{D.value=!1}}},U=(0,g.Q0)(()=>{K.value=1,X()},300),Q=()=>{K.value++,X()},G=e=>O.value.has(e),q=e=>{if(G(e.id))O.value.delete(e.id);else{if(O.value.size>=n.maxCount)return void L.warning(`最多只能选择 ${n.maxCount} 个词单`);O.value.add(e.id),I.value.set(e.id,e)}},Y=()=>{j.value=!1},J=()=>{},Z=()=>{const e=Array.from(O.value),t=[];e.forEach(e=>{let n=I.value.get(e);n||(n=V.value.find(t=>t.id===e)),n||(n={id:e,name:"未知词单"}),t.push(n)}),P("update:modelValue",e),P("update:selectedList",t),P("confirm",{ids:e,items:t}),Y()};return(t,n)=>((0,a.uX)(),(0,a.Wv)((0,o.R1)(l.A),{show:j.value,"onUpdate:show":n[1]||(n[1]=e=>j.value=e),preset:"card",title:"选择词单",class:"w-full max-w-lg","mask-closable":!1,onAfterLeave:J},{default:(0,a.k6)(()=>[(0,a.Lk)("div",x,[(0,a.Lk)("div",m,[(0,a.bF)((0,o.R1)(s.A),{value:N.value,"onUpdate:value":[n[0]||(n[0]=e=>N.value=e),(0,o.R1)(U)],placeholder:"搜索词单名称...",clearable:""},{prefix:(0,a.k6)(()=>[(0,a.bF)((0,o.R1)(d._),{component:(0,o.R1)(v.A)},null,8,["component"])]),_:1},8,["value","onUpdate:value"])]),(0,a.Lk)("div",y,[D.value&&0===V.value.length?((0,a.uX)(),(0,a.CE)("div",w,[(0,a.bF)((0,o.R1)(c.A),{size:"medium"})])):0===V.value.length?((0,a.uX)(),(0,a.CE)("div",R,[(0,a.bF)((0,o.R1)(b.A),{description:"未找到相关词单"})])):((0,a.uX)(),(0,a.CE)("div",C,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(V.value,e=>((0,a.uX)(),(0,a.CE)("div",{key:e.id,class:(0,r.C4)(["p-3 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors flex items-center justify-between",{"bg-indigo-50 dark:bg-indigo-900/20":G(e.id)}]),onClick:t=>q(e)},[(0,a.Lk)("div",k,[(0,a.Lk)("div",z,[(0,a.Lk)("span",S,(0,r.v_)(e.name),1),e.official?((0,a.uX)(),(0,a.Wv)((0,o.R1)(u.Ay),{key:0,type:"success",size:"small",bordered:!1,class:"flex-shrink-0"},{default:(0,a.k6)(()=>[...n[2]||(n[2]=[(0,a.eW)(" 官方 ",-1)])]),_:1})):((0,a.uX)(),(0,a.Wv)((0,o.R1)(u.Ay),{key:1,type:"info",size:"small",bordered:!1,class:"flex-shrink-0"},{default:(0,a.k6)(()=>[...n[3]||(n[3]=[(0,a.eW)(" 自建 ",-1)])]),_:1}))]),(0,a.Lk)("div",A,[(0,a.Lk)("span",null,(0,r.v_)(e.word_count)+" 词",1),e.note?((0,a.uX)(),(0,a.CE)("span",$,"| "+(0,r.v_)(e.note),1)):(0,a.Q3)("",!0)])]),(0,a.Lk)("div",E,[(0,a.Lk)("div",{class:(0,r.C4)(["w-5 h-5 rounded-full border flex items-center justify-center transition-colors",G(e.id)?"bg-indigo-600 border-indigo-600":"border-gray-300 dark:border-gray-600"])},[G(e.id)?((0,a.uX)(),(0,a.Wv)((0,o.R1)(d._),{key:0,component:(0,o.R1)(f.A),class:"text-white w-3 h-3"},null,8,["component"])):(0,a.Q3)("",!0)],2)])],10,B))),128)),H.value?((0,a.uX)(),(0,a.CE)("div",T,[(0,a.bF)((0,o.R1)(p.Ay),{text:"",size:"small",loading:D.value,onClick:Q},{default:(0,a.k6)(()=>[...n[4]||(n[4]=[(0,a.eW)(" 加载更多 ",-1)])]),_:1},8,["loading"])])):(0,a.Q3)("",!0)]))]),(0,a.Lk)("div",W,[(0,a.Lk)("div",M,[n[5]||(n[5]=(0,a.eW)(" 已选: ",-1)),(0,a.Lk)("span",_,(0,r.v_)(O.value.size),1),(0,a.eW)(" / "+(0,r.v_)(e.maxCount),1)]),(0,a.Lk)("div",F,[(0,a.bF)((0,o.R1)(p.Ay),{onClick:Y},{default:(0,a.k6)(()=>[...n[6]||(n[6]=[(0,a.eW)("取消",-1)])]),_:1}),(0,a.bF)((0,o.R1)(p.Ay),{type:"primary",onClick:Z},{default:(0,a.k6)(()=>[...n[7]||(n[7]=[(0,a.eW)("确定",-1)])]),_:1})])])])]),_:1},8,["show"]))}},L=n(71241);const j=(0,L.A)(P,[["__scopeId","data-v-23e38959"]]);var V=j},15631:function(e,t,n){n.d(t,{DM:function(){return u},Fe:function(){return b},mj:function(){return p}});var a=n(24305),o=n(34707),r=n(56768),i=n(90144),l=n(88733),s=n(70151),d=n(37901),c=n(77727);const b={name:String,value:{type:[String,Number,Boolean],default:"on"},checked:{type:Boolean,default:void 0},defaultChecked:Boolean,disabled:{type:Boolean,default:void 0},label:String,size:String,onUpdateChecked:[Function,Array],"onUpdate:checked":[Function,Array],checkedValue:{type:Boolean,default:void 0}},u=(0,c.D)("n-radio-group");function p(e){const t=(0,r.WQ)(u,null),n=(0,s.A)(e,{mergedSize(n){const{size:a}=e;if(void 0!==a)return a;if(t){const{mergedSizeRef:{value:e}}=t;if(void 0!==e)return e}return n?n.mergedSize.value:"medium"},mergedDisabled(n){return!!e.disabled||(!!(null===t||void 0===t?void 0:t.disabledRef.value)||!!(null===n||void 0===n?void 0:n.disabled.value))}}),{mergedSizeRef:c,mergedDisabledRef:b}=n,p=(0,i.KR)(null),v=(0,i.KR)(null),f=(0,i.KR)(e.defaultChecked),h=(0,i.lW)(e,"checked"),g=(0,o.A)(h,f),x=(0,a.A)(()=>t?t.valueRef.value===e.value:g.value),m=(0,a.A)(()=>{const{name:n}=e;return void 0!==n?n:t?t.nameRef.value:void 0}),y=(0,i.KR)(!1);function w(){if(t){const{doUpdateValue:n}=t,{value:a}=e;(0,d.T)(n,a)}else{const{onUpdateChecked:t,"onUpdate:checked":a}=e,{nTriggerFormInput:o,nTriggerFormChange:r}=n;t&&(0,d.T)(t,!0),a&&(0,d.T)(a,!0),o(),r(),f.value=!0}}function R(){b.value||x.value||w()}function C(){R(),p.value&&(p.value.checked=x.value)}function B(){y.value=!1}function k(){y.value=!0}return{mergedClsPrefix:t?t.mergedClsPrefixRef:(0,l.Ay)(e).mergedClsPrefixRef,inputRef:p,labelRef:v,mergedName:m,mergedDisabled:b,renderSafeChecked:x,focus:y,mergedSize:c,handleRadioInputChange:C,handleRadioInputBlur:B,handleRadioInputFocus:k}}},24556:function(e,t,n){n.d(t,{A:function(){return Q}});n(44114),n(18111),n(22489),n(7588),n(61701),n(17642),n(58004),n(33853),n(45876),n(32475),n(15024),n(31698);var a=n(60168),o=n(39578),r=function(){return o.A.Date.now()},i=r,l=n(10754),s="Expected a function",d=Math.max,c=Math.min;function b(e,t,n){var o,r,b,u,p,v,f=0,h=!1,g=!1,x=!0;if("function"!=typeof e)throw new TypeError(s);function m(t){var n=o,a=r;return o=r=void 0,f=t,u=e.apply(a,n),u}function y(e){return f=e,p=setTimeout(C,t),h?m(e):u}function w(e){var n=e-v,a=e-f,o=t-n;return g?c(o,b-a):o}function R(e){var n=e-v,a=e-f;return void 0===v||n>=t||n<0||g&&a>=b}function C(){var e=i();if(R(e))return B(e);p=setTimeout(C,w(e))}function B(e){return p=void 0,x&&o?m(e):(o=r=void 0,u)}function k(){void 0!==p&&clearTimeout(p),f=0,o=v=r=p=void 0}function z(){return void 0===p?u:B(i())}function S(){var e=i(),n=R(e);if(o=arguments,r=this,v=e,n){if(void 0===p)return y(v);if(g)return clearTimeout(p),p=setTimeout(C,t),m(v)}return void 0===p&&(p=setTimeout(C,t)),u}return t=(0,l.A)(t)||0,(0,a.A)(n)&&(h=!!n.leading,g="maxWait"in n,b=g?d((0,l.A)(n.maxWait)||0,t):b,x="trailing"in n?!!n.trailing:x),S.cancel=k,S.flush=z,S}var u=b,p="Expected a function";function v(e,t,n){var o=!0,r=!0;if("function"!=typeof e)throw new TypeError(p);return(0,a.A)(n)&&(o="leading"in n?!!n.leading:o,r="trailing"in n?!!n.trailing:r),u(e,t,{leading:o,maxWait:t,trailing:r})}var f=v,h=n(55472),g=n(37485),x=n(34707),m=n(48157),y=n(56768),w=n(90144),R=n(45130),C=n(73578),B=n(51565),k=n(36874);const z=(0,k.c)(".v-x-scroll",{overflow:"auto",scrollbarWidth:"none"},[(0,k.c)("&::-webkit-scrollbar",{width:0,height:0})]);var S=(0,y.pM)({name:"XScroll",props:{disabled:Boolean,onScroll:Function},setup(){const e=(0,w.KR)(null);function t(e){const t=e.currentTarget.offsetWidth<e.currentTarget.scrollWidth;t&&0!==e.deltaY&&(e.currentTarget.scrollLeft+=e.deltaY+e.deltaX,e.preventDefault())}const n=(0,B.h)();z.mount({id:"vueuc/x-scroll",head:!0,anchorMetaName:k.r,ssr:n});const a={scrollTo(...t){var n;null===(n=e.value)||void 0===n||n.scrollTo(...t)}};return Object.assign({selfRef:e,handleWheel:t},a)},render(){return(0,y.h)("div",{ref:"selfRef",onScroll:this.onScroll,onWheel:this.disabled?void 0:this.handleWheel,class:"v-x-scroll"},this.$slots)}}),A=n(79882),$=n(88733),E=n(25216),T=n(30925),W=n(37901),M=n(34350),_=n(25972),F=n(78924),P=n(99758),L=(0,M.cB)("tabs","\n box-sizing: border-box;\n width: 100%;\n display: flex;\n flex-direction: column;\n transition:\n background-color .3s var(--n-bezier),\n border-color .3s var(--n-bezier);\n",[(0,M.cM)("segment-type",[(0,M.cB)("tabs-rail",[(0,M.c)("&.transition-disabled",[(0,M.cB)("tabs-capsule","\n transition: none;\n ")])])]),(0,M.cM)("top",[(0,M.cB)("tab-pane","\n padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);\n ")]),(0,M.cM)("left",[(0,M.cB)("tab-pane","\n padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);\n ")]),(0,M.cM)("left, right","\n flex-direction: row;\n ",[(0,M.cB)("tabs-bar","\n width: 2px;\n right: 0;\n transition:\n top .2s var(--n-bezier),\n max-height .2s var(--n-bezier),\n background-color .3s var(--n-bezier);\n "),(0,M.cB)("tabs-tab","\n padding: var(--n-tab-padding-vertical); \n ")]),(0,M.cM)("right","\n flex-direction: row-reverse;\n ",[(0,M.cB)("tab-pane","\n padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);\n "),(0,M.cB)("tabs-bar","\n left: 0;\n ")]),(0,M.cM)("bottom","\n flex-direction: column-reverse;\n justify-content: flex-end;\n ",[(0,M.cB)("tab-pane","\n padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);\n "),(0,M.cB)("tabs-bar","\n top: 0;\n ")]),(0,M.cB)("tabs-rail","\n position: relative;\n padding: 3px;\n border-radius: var(--n-tab-border-radius);\n width: 100%;\n background-color: var(--n-color-segment);\n transition: background-color .3s var(--n-bezier);\n display: flex;\n align-items: center;\n ",[(0,M.cB)("tabs-capsule","\n border-radius: var(--n-tab-border-radius);\n position: absolute;\n pointer-events: none;\n background-color: var(--n-tab-color-segment);\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);\n transition: transform 0.3s var(--n-bezier);\n "),(0,M.cB)("tabs-tab-wrapper","\n flex-basis: 0;\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n ",[(0,M.cB)("tabs-tab","\n overflow: hidden;\n border-radius: var(--n-tab-border-radius);\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n ",[(0,M.cM)("active","\n font-weight: var(--n-font-weight-strong);\n color: var(--n-tab-text-color-active);\n "),(0,M.c)("&:hover","\n color: var(--n-tab-text-color-hover);\n ")])])]),(0,M.cM)("flex",[(0,M.cB)("tabs-nav","\n width: 100%;\n position: relative;\n ",[(0,M.cB)("tabs-wrapper","\n width: 100%;\n ",[(0,M.cB)("tabs-tab","\n margin-right: 0;\n ")])])]),(0,M.cB)("tabs-nav","\n box-sizing: border-box;\n line-height: 1.5;\n display: flex;\n transition: border-color .3s var(--n-bezier);\n ",[(0,M.cE)("prefix, suffix","\n display: flex;\n align-items: center;\n "),(0,M.cE)("prefix","padding-right: 16px;"),(0,M.cE)("suffix","padding-left: 16px;")]),(0,M.cM)("top, bottom",[(0,M.c)(">",[(0,M.cB)("tabs-nav",[(0,M.cB)("tabs-nav-scroll-wrapper",[(0,M.c)("&::before","\n top: 0;\n bottom: 0;\n left: 0;\n width: 20px;\n "),(0,M.c)("&::after","\n top: 0;\n bottom: 0;\n right: 0;\n width: 20px;\n "),(0,M.cM)("shadow-start",[(0,M.c)("&::before","\n box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);\n ")]),(0,M.cM)("shadow-end",[(0,M.c)("&::after","\n box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);\n ")])])])])]),(0,M.cM)("left, right",[(0,M.cB)("tabs-nav-scroll-content","\n flex-direction: column;\n "),(0,M.c)(">",[(0,M.cB)("tabs-nav",[(0,M.cB)("tabs-nav-scroll-wrapper",[(0,M.c)("&::before","\n top: 0;\n left: 0;\n right: 0;\n height: 20px;\n "),(0,M.c)("&::after","\n bottom: 0;\n left: 0;\n right: 0;\n height: 20px;\n "),(0,M.cM)("shadow-start",[(0,M.c)("&::before","\n box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);\n ")]),(0,M.cM)("shadow-end",[(0,M.c)("&::after","\n box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);\n ")])])])])]),(0,M.cB)("tabs-nav-scroll-wrapper","\n flex: 1;\n position: relative;\n overflow: hidden;\n ",[(0,M.cB)("tabs-nav-y-scroll","\n height: 100%;\n width: 100%;\n overflow-y: auto; \n scrollbar-width: none;\n ",[(0,M.c)("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb","\n width: 0;\n height: 0;\n display: none;\n ")]),(0,M.c)("&::before, &::after",'\n transition: box-shadow .3s var(--n-bezier);\n pointer-events: none;\n content: "";\n position: absolute;\n z-index: 1;\n ')]),(0,M.cB)("tabs-nav-scroll-content","\n display: flex;\n position: relative;\n min-width: 100%;\n min-height: 100%;\n width: fit-content;\n box-sizing: border-box;\n "),(0,M.cB)("tabs-wrapper","\n display: inline-flex;\n flex-wrap: nowrap;\n position: relative;\n "),(0,M.cB)("tabs-tab-wrapper","\n display: flex;\n flex-wrap: nowrap;\n flex-shrink: 0;\n flex-grow: 0;\n "),(0,M.cB)("tabs-tab","\n cursor: pointer;\n white-space: nowrap;\n flex-wrap: nowrap;\n display: inline-flex;\n align-items: center;\n color: var(--n-tab-text-color);\n font-size: var(--n-tab-font-size);\n background-clip: padding-box;\n padding: var(--n-tab-padding);\n transition:\n box-shadow .3s var(--n-bezier),\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n border-color .3s var(--n-bezier);\n ",[(0,M.cM)("disabled",{cursor:"not-allowed"}),(0,M.cE)("close","\n margin-left: 6px;\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n "),(0,M.cE)("label","\n display: flex;\n align-items: center;\n z-index: 1;\n ")]),(0,M.cB)("tabs-bar","\n position: absolute;\n bottom: 0;\n height: 2px;\n border-radius: 1px;\n background-color: var(--n-bar-color);\n transition:\n left .2s var(--n-bezier),\n max-width .2s var(--n-bezier),\n opacity .3s var(--n-bezier),\n background-color .3s var(--n-bezier);\n ",[(0,M.c)("&.transition-disabled","\n transition: none;\n "),(0,M.cM)("disabled","\n background-color: var(--n-tab-text-color-disabled)\n ")]),(0,M.cB)("tabs-pane-wrapper","\n position: relative;\n overflow: hidden;\n transition: max-height .2s var(--n-bezier);\n "),(0,M.cB)("tab-pane","\n color: var(--n-pane-text-color);\n width: 100%;\n transition:\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n opacity .2s var(--n-bezier);\n left: 0;\n right: 0;\n top: 0;\n ",[(0,M.c)("&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active","\n transition:\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n transform .2s var(--n-bezier),\n opacity .2s var(--n-bezier);\n "),(0,M.c)("&.next-transition-leave-active, &.prev-transition-leave-active","\n position: absolute;\n "),(0,M.c)("&.next-transition-enter-from, &.prev-transition-leave-to","\n transform: translateX(32px);\n opacity: 0;\n "),(0,M.c)("&.next-transition-leave-to, &.prev-transition-enter-from","\n transform: translateX(-32px);\n opacity: 0;\n "),(0,M.c)("&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to","\n transform: translateX(0);\n opacity: 1;\n ")]),(0,M.cB)("tabs-tab-pad","\n box-sizing: border-box;\n width: var(--n-tab-gap);\n flex-grow: 0;\n flex-shrink: 0;\n "),(0,M.cM)("line-type, bar-type",[(0,M.cB)("tabs-tab","\n font-weight: var(--n-tab-font-weight);\n box-sizing: border-box;\n vertical-align: bottom;\n ",[(0,M.c)("&:hover",{color:"var(--n-tab-text-color-hover)"}),(0,M.cM)("active","\n color: var(--n-tab-text-color-active);\n font-weight: var(--n-tab-font-weight-active);\n "),(0,M.cM)("disabled",{color:"var(--n-tab-text-color-disabled)"})])]),(0,M.cB)("tabs-nav",[(0,M.cM)("line-type",[(0,M.cM)("top",[(0,M.cE)("prefix, suffix","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-nav-scroll-content","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-bar","\n bottom: -1px;\n ")]),(0,M.cM)("left",[(0,M.cE)("prefix, suffix","\n border-right: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-nav-scroll-content","\n border-right: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-bar","\n right: -1px;\n ")]),(0,M.cM)("right",[(0,M.cE)("prefix, suffix","\n border-left: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-nav-scroll-content","\n border-left: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-bar","\n left: -1px;\n ")]),(0,M.cM)("bottom",[(0,M.cE)("prefix, suffix","\n border-top: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-nav-scroll-content","\n border-top: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-bar","\n top: -1px;\n ")]),(0,M.cE)("prefix, suffix","\n transition: border-color .3s var(--n-bezier);\n "),(0,M.cB)("tabs-nav-scroll-content","\n transition: border-color .3s var(--n-bezier);\n "),(0,M.cB)("tabs-bar","\n border-radius: 0;\n ")]),(0,M.cM)("card-type",[(0,M.cE)("prefix, suffix","\n transition: border-color .3s var(--n-bezier);\n "),(0,M.cB)("tabs-pad","\n flex-grow: 1;\n transition: border-color .3s var(--n-bezier);\n "),(0,M.cB)("tabs-tab-pad","\n transition: border-color .3s var(--n-bezier);\n "),(0,M.cB)("tabs-tab","\n font-weight: var(--n-tab-font-weight);\n border: 1px solid var(--n-tab-border-color);\n background-color: var(--n-tab-color);\n box-sizing: border-box;\n position: relative;\n vertical-align: bottom;\n display: flex;\n justify-content: space-between;\n font-size: var(--n-tab-font-size);\n color: var(--n-tab-text-color);\n ",[(0,M.cM)("addable","\n padding-left: 8px;\n padding-right: 8px;\n font-size: 16px;\n justify-content: center;\n ",[(0,M.cE)("height-placeholder","\n width: 0;\n font-size: var(--n-tab-font-size);\n "),(0,M.C5)("disabled",[(0,M.c)("&:hover","\n color: var(--n-tab-text-color-hover);\n ")])]),(0,M.cM)("closable","padding-right: 8px;"),(0,M.cM)("active","\n background-color: #0000;\n font-weight: var(--n-tab-font-weight-active);\n color: var(--n-tab-text-color-active);\n "),(0,M.cM)("disabled","color: var(--n-tab-text-color-disabled);")])]),(0,M.cM)("left, right","\n flex-direction: column; \n ",[(0,M.cE)("prefix, suffix","\n padding: var(--n-tab-padding-vertical);\n "),(0,M.cB)("tabs-wrapper","\n flex-direction: column;\n "),(0,M.cB)("tabs-tab-wrapper","\n flex-direction: column;\n ",[(0,M.cB)("tabs-tab-pad","\n height: var(--n-tab-gap-vertical);\n width: 100%;\n ")])]),(0,M.cM)("top",[(0,M.cM)("card-type",[(0,M.cB)("tabs-scroll-padding","border-bottom: 1px solid var(--n-tab-border-color);"),(0,M.cE)("prefix, suffix","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-tab","\n border-top-left-radius: var(--n-tab-border-radius);\n border-top-right-radius: var(--n-tab-border-radius);\n ",[(0,M.cM)("active","\n border-bottom: 1px solid #0000;\n ")]),(0,M.cB)("tabs-tab-pad","\n border-bottom: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-pad","\n border-bottom: 1px solid var(--n-tab-border-color);\n ")])]),(0,M.cM)("left",[(0,M.cM)("card-type",[(0,M.cB)("tabs-scroll-padding","border-right: 1px solid var(--n-tab-border-color);"),(0,M.cE)("prefix, suffix","\n border-right: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-tab","\n border-top-left-radius: var(--n-tab-border-radius);\n border-bottom-left-radius: var(--n-tab-border-radius);\n ",[(0,M.cM)("active","\n border-right: 1px solid #0000;\n ")]),(0,M.cB)("tabs-tab-pad","\n border-right: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-pad","\n border-right: 1px solid var(--n-tab-border-color);\n ")])]),(0,M.cM)("right",[(0,M.cM)("card-type",[(0,M.cB)("tabs-scroll-padding","border-left: 1px solid var(--n-tab-border-color);"),(0,M.cE)("prefix, suffix","\n border-left: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-tab","\n border-top-right-radius: var(--n-tab-border-radius);\n border-bottom-right-radius: var(--n-tab-border-radius);\n ",[(0,M.cM)("active","\n border-left: 1px solid #0000;\n ")]),(0,M.cB)("tabs-tab-pad","\n border-left: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-pad","\n border-left: 1px solid var(--n-tab-border-color);\n ")])]),(0,M.cM)("bottom",[(0,M.cM)("card-type",[(0,M.cB)("tabs-scroll-padding","border-top: 1px solid var(--n-tab-border-color);"),(0,M.cE)("prefix, suffix","\n border-top: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-tab","\n border-bottom-left-radius: var(--n-tab-border-radius);\n border-bottom-right-radius: var(--n-tab-border-radius);\n ",[(0,M.cM)("active","\n border-top: 1px solid #0000;\n ")]),(0,M.cB)("tabs-tab-pad","\n border-top: 1px solid var(--n-tab-border-color);\n "),(0,M.cB)("tabs-pad","\n border-top: 1px solid var(--n-tab-border-color);\n ")])])])]),j=n(84279),V=n(81260),D=n(70652),K=n(86866),H=n(24006),N=n(10496);const O=Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},(0,K.c)(N.S,["displayDirective"]));var I=(0,y.pM)({__TAB__:!0,inheritAttrs:!1,name:"Tab",props:O,setup(e){const{mergedClsPrefixRef:t,valueRef:n,typeRef:a,closableRef:o,tabStyleRef:r,addTabStyleRef:i,tabClassRef:l,addTabClassRef:s,tabChangeIdRef:d,onBeforeLeaveRef:c,triggerRef:b,handleAdd:u,activateTab:p,handleClose:v}=(0,y.WQ)(P.v);return{trigger:b,mergedClosable:(0,y.EW)(()=>{if(e.internalAddable)return!1;const{closable:t}=e;return void 0===t?o.value:t}),style:r,addStyle:i,tabClass:l,addTabClass:s,clsPrefix:t,value:n,type:a,handleClose(t){t.stopPropagation(),e.disabled||v(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable)return void u();const{name:t}=e,a=++d.id;if(t!==n.value){const{value:o}=c;o?Promise.resolve(o(e.name,n.value)).then(e=>{e&&d.id===a&&p(t)}):p(t)}}}},render(){const{internalAddable:e,clsPrefix:t,name:n,disabled:a,label:o,tab:r,value:i,mergedClosable:l,trigger:s,$slots:{default:d}}=this,c=null!==o&&void 0!==o?o:r;return(0,y.h)("div",{class:`${t}-tabs-tab-wrapper`},this.internalLeftPadded?(0,y.h)("div",{class:`${t}-tabs-tab-pad`}):null,(0,y.h)("div",Object.assign({key:n,"data-name":n,"data-disabled":!!a||void 0},(0,y.v6)({class:[`${t}-tabs-tab`,i===n&&`${t}-tabs-tab--active`,a&&`${t}-tabs-tab--disabled`,l&&`${t}-tabs-tab--closable`,e&&`${t}-tabs-tab--addable`,e?this.addTabClass:this.tabClass],onClick:"click"===s?this.activateTab:void 0,onMouseenter:"hover"===s?this.activateTab:void 0,style:e?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),(0,y.h)("span",{class:`${t}-tabs-tab__label`},e?(0,y.h)(y.FK,null,(0,y.h)("div",{class:`${t}-tabs-tab__height-placeholder`}," "),(0,y.h)(j.A,{clsPrefix:t},{default:()=>(0,y.h)(D.A,null)})):d?d():"object"===typeof c?c:(0,H.X)(null!==c&&void 0!==c?c:n)),l&&"card"===this.type?(0,y.h)(V.A,{clsPrefix:t,class:`${t}-tabs-tab__close`,onClick:this.handleClose,disabled:a}):null))}});const X=f,U=Object.assign(Object.assign({},A.A.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]});var Q=(0,y.pM)({name:"Tabs",props:U,slots:Object,setup(e,{slots:t}){var n,a,o,r;const{mergedClsPrefixRef:i,inlineThemeDisabled:l}=(0,$.Ay)(e),s=(0,A.A)("Tabs","-tabs",L,F.A,e,i),d=(0,w.KR)(null),c=(0,w.KR)(null),b=(0,w.KR)(null),u=(0,w.KR)(null),p=(0,w.KR)(null),v=(0,w.KR)(null),f=(0,w.KR)(!0),R=(0,w.KR)(!0),C=(0,g.A)(e,["labelSize","size"]),B=(0,g.A)(e,["activeName","value"]),k=(0,w.KR)(null!==(a=null!==(n=B.value)&&void 0!==n?n:e.defaultValue)&&void 0!==a?a:t.default?null===(r=null===(o=(0,T.B)(t.default())[0])||void 0===o?void 0:o.props)||void 0===r?void 0:r.name:null),z=(0,x.A)(B,k),S={id:0},_=(0,y.EW)(()=>{if(e.justifyContent&&"card"!==e.type)return{display:"flex",justifyContent:e.justifyContent}});function j(){var e;const{value:t}=z;if(null===t)return null;const n=null===(e=d.value)||void 0===e?void 0:e.querySelector(`[data-name="${t}"]`);return n}function V(t){if("card"===e.type)return;const{value:n}=c;if(!n)return;const a="0"===n.style.opacity;if(t){const o=`${i.value}-tabs-bar--disabled`,{barWidth:r,placement:l}=e;if("true"===t.dataset.disabled?n.classList.add(o):n.classList.remove(o),["top","bottom"].includes(l)){if(K(["top","maxHeight","height"]),"number"===typeof r&&t.offsetWidth>=r){const e=Math.floor((t.offsetWidth-r)/2)+t.offsetLeft;n.style.left=`${e}px`,n.style.maxWidth=`${r}px`}else n.style.left=`${t.offsetLeft}px`,n.style.maxWidth=`${t.offsetWidth}px`;n.style.width="8192px",a&&(n.style.transition="none"),n.offsetWidth,a&&(n.style.transition="",n.style.opacity="1")}else{if(K(["left","maxWidth","width"]),"number"===typeof r&&t.offsetHeight>=r){const e=Math.floor((t.offsetHeight-r)/2)+t.offsetTop;n.style.top=`${e}px`,n.style.maxHeight=`${r}px`}else n.style.top=`${t.offsetTop}px`,n.style.maxHeight=`${t.offsetHeight}px`;n.style.height="8192px",a&&(n.style.transition="none"),n.offsetHeight,a&&(n.style.transition="",n.style.opacity="1")}}}function D(){if("card"===e.type)return;const{value:t}=c;t&&(t.style.opacity="0")}function K(e){const{value:t}=c;if(t)for(const n of e)t.style[n]=""}function H(){if("card"===e.type)return;const t=j();t?V(t):D()}function N(){var e;const t=null===(e=p.value)||void 0===e?void 0:e.$el;if(!t)return;const n=j();if(!n)return;const{scrollLeft:a,offsetWidth:o}=t,{offsetLeft:r,offsetWidth:i}=n;a>r?t.scrollTo({top:0,left:r,behavior:"smooth"}):r+i>a+o&&t.scrollTo({top:0,left:r+i-o,behavior:"smooth"})}(0,y.wB)(z,()=>{S.id=0,H(),N()});const O=(0,w.KR)(null);let I=0,U=null;function Q(e){const t=O.value;if(t){I=e.getBoundingClientRect().height;const n=`${I}px`,a=()=>{t.style.height=n,t.style.maxHeight=n};U?(a(),U(),U=null):U=a}}function G(e){const t=O.value;if(t){const n=e.getBoundingClientRect().height,a=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(I,n)}px`};U?(U(),U=null,a()):U=a}}function q(){const t=O.value;if(t){t.style.maxHeight="",t.style.height="";const{paneWrapperStyle:n}=e;if("string"===typeof n)t.style.cssText=n;else if(n){const{maxHeight:e,height:a}=n;void 0!==e&&(t.style.maxHeight=e),void 0!==a&&(t.style.height=a)}}}const Y={value:[]},J=(0,w.KR)("next");function Z(e){const t=z.value;let n="next";for(const a of Y.value){if(a===t)break;if(a===e){n="prev";break}}J.value=n,ee(e)}function ee(t){const{onActiveNameChange:n,onUpdateValue:a,"onUpdate:value":o}=e;n&&(0,W.T)(n,t),a&&(0,W.T)(a,t),o&&(0,W.T)(o,t),k.value=t}function te(t){const{onClose:n}=e;n&&(0,W.T)(n,t)}let ne=!0;function ae(){const{value:e}=c;if(!e)return;ne||(ne=!1);const t="transition-disabled";e.classList.add(t),H(),e.classList.remove(t)}const oe=(0,w.KR)(null);function re({transitionDisabled:e}){const t=d.value;if(!t)return;e&&t.classList.add("transition-disabled");const n=j();n&&oe.value&&(oe.value.style.width=`${n.offsetWidth}px`,oe.value.style.height=`${n.offsetHeight}px`,oe.value.style.transform=`translateX(${n.offsetLeft-(0,h.eV)(getComputedStyle(t).paddingLeft)}px)`,e&&oe.value.offsetWidth),e&&t.classList.remove("transition-disabled")}(0,y.wB)([z],()=>{"segment"===e.type&&(0,y.dY)(()=>{re({transitionDisabled:!1})})}),(0,y.sV)(()=>{"segment"===e.type&&re({transitionDisabled:!0})});let ie=0;function le(t){var n,a;if(0===t.contentRect.width&&0===t.contentRect.height)return;if(ie===t.contentRect.width)return;ie=t.contentRect.width;const{type:o}=e;if("line"!==o&&"bar"!==o||(ne||(null===(n=e.justifyContent)||void 0===n?void 0:n.startsWith("space")))&&ae(),"segment"!==o){const{placement:t}=e;pe(("top"===t||"bottom"===t?null===(a=p.value)||void 0===a?void 0:a.$el:v.value)||null)}}const se=X(le,64);(0,y.wB)([()=>e.justifyContent,()=>e.size],()=>{(0,y.dY)(()=>{const{type:t}=e;"line"!==t&&"bar"!==t||ae()})});const de=(0,w.KR)(!1);function ce(t){var n;const{target:a,contentRect:{width:o,height:r}}=t,i=a.parentElement.parentElement.offsetWidth,l=a.parentElement.parentElement.offsetHeight,{placement:s}=e;if(de.value){const{value:e}=u;if(!e)return;"top"===s||"bottom"===s?i-o>e.$el.offsetWidth&&(de.value=!1):l-r>e.$el.offsetHeight&&(de.value=!1)}else"top"===s||"bottom"===s?i<o&&(de.value=!0):l<r&&(de.value=!0);pe((null===(n=p.value)||void 0===n?void 0:n.$el)||null)}const be=X(ce,64);function ue(){const{onAdd:t}=e;t&&t(),(0,y.dY)(()=>{const e=j(),{value:t}=p;e&&t&&t.scrollTo({left:e.offsetLeft,top:0,behavior:"smooth"})})}function pe(t){if(!t)return;const{placement:n}=e;if("top"===n||"bottom"===n){const{scrollLeft:e,scrollWidth:n,offsetWidth:a}=t;f.value=e<=0,R.value=e+a>=n}else{const{scrollTop:e,scrollHeight:n,offsetHeight:a}=t;f.value=e<=0,R.value=e+a>=n}}const ve=X(e=>{pe(e.target)},64);(0,y.Gt)(P.v,{triggerRef:(0,w.lW)(e,"trigger"),tabStyleRef:(0,w.lW)(e,"tabStyle"),tabClassRef:(0,w.lW)(e,"tabClass"),addTabStyleRef:(0,w.lW)(e,"addTabStyle"),addTabClassRef:(0,w.lW)(e,"addTabClass"),paneClassRef:(0,w.lW)(e,"paneClass"),paneStyleRef:(0,w.lW)(e,"paneStyle"),mergedClsPrefixRef:i,typeRef:(0,w.lW)(e,"type"),closableRef:(0,w.lW)(e,"closable"),valueRef:z,tabChangeIdRef:S,onBeforeLeaveRef:(0,w.lW)(e,"onBeforeLeave"),activateTab:Z,handleClose:te,handleAdd:ue}),(0,m.A)(()=>{H(),N()}),(0,y.nT)(()=>{const{value:e}=b;if(!e)return;const{value:t}=i,n=`${t}-tabs-nav-scroll-wrapper--shadow-start`,a=`${t}-tabs-nav-scroll-wrapper--shadow-end`;f.value?e.classList.remove(n):e.classList.add(n),R.value?e.classList.remove(a):e.classList.add(a)});const fe={syncBarPosition:()=>{H()}},he=()=>{re({transitionDisabled:!0})},ge=(0,y.EW)(()=>{const{value:t}=C,{type:n}=e,a={card:"Card",bar:"Bar",line:"Line",segment:"Segment"}[n],o=`${t}${a}`,{self:{barColor:r,closeIconColor:i,closeIconColorHover:l,closeIconColorPressed:d,tabColor:c,tabBorderColor:b,paneTextColor:u,tabFontWeight:p,tabBorderRadius:v,tabFontWeightActive:f,colorSegment:g,fontWeightStrong:x,tabColorSegment:m,closeSize:y,closeIconSize:w,closeColorHover:R,closeColorPressed:B,closeBorderRadius:k,[(0,M.cF)("panePadding",t)]:z,[(0,M.cF)("tabPadding",o)]:S,[(0,M.cF)("tabPaddingVertical",o)]:A,[(0,M.cF)("tabGap",o)]:$,[(0,M.cF)("tabGap",`${o}Vertical`)]:E,[(0,M.cF)("tabTextColor",n)]:T,[(0,M.cF)("tabTextColorActive",n)]:W,[(0,M.cF)("tabTextColorHover",n)]:_,[(0,M.cF)("tabTextColorDisabled",n)]:F,[(0,M.cF)("tabFontSize",t)]:P},common:{cubicBezierEaseInOut:L}}=s.value;return{"--n-bezier":L,"--n-color-segment":g,"--n-bar-color":r,"--n-tab-font-size":P,"--n-tab-text-color":T,"--n-tab-text-color-active":W,"--n-tab-text-color-disabled":F,"--n-tab-text-color-hover":_,"--n-pane-text-color":u,"--n-tab-border-color":b,"--n-tab-border-radius":v,"--n-close-size":y,"--n-close-icon-size":w,"--n-close-color-hover":R,"--n-close-color-pressed":B,"--n-close-border-radius":k,"--n-close-icon-color":i,"--n-close-icon-color-hover":l,"--n-close-icon-color-pressed":d,"--n-tab-color":c,"--n-tab-font-weight":p,"--n-tab-font-weight-active":f,"--n-tab-padding":S,"--n-tab-padding-vertical":A,"--n-tab-gap":$,"--n-tab-gap-vertical":E,"--n-pane-padding-left":(0,h.Cq)(z,"left"),"--n-pane-padding-right":(0,h.Cq)(z,"right"),"--n-pane-padding-top":(0,h.Cq)(z,"top"),"--n-pane-padding-bottom":(0,h.Cq)(z,"bottom"),"--n-font-weight-strong":x,"--n-tab-color-segment":m}}),xe=l?(0,E.R)("tabs",(0,y.EW)(()=>`${C.value[0]}${e.type[0]}`),ge,e):void 0;return Object.assign({mergedClsPrefix:i,mergedValue:z,renderedNames:new Set,segmentCapsuleElRef:oe,tabsPaneWrapperRef:O,tabsElRef:d,barElRef:c,addTabInstRef:u,xScrollInstRef:p,scrollWrapperElRef:b,addTabFixed:de,tabWrapperStyle:_,handleNavResize:se,mergedSize:C,handleScroll:ve,handleTabsResize:be,cssVars:l?void 0:ge,themeClass:null===xe||void 0===xe?void 0:xe.themeClass,animationDirection:J,renderNameListRef:Y,yScrollElRef:v,handleSegmentResize:he,onAnimationBeforeLeave:Q,onAnimationEnter:G,onAnimationAfterEnter:q,onRender:null===xe||void 0===xe?void 0:xe.onRender},fe)},render(){const{mergedClsPrefix:e,type:t,placement:n,addTabFixed:a,addable:o,mergedSize:r,renderNameListRef:i,onRender:l,paneWrapperClass:s,paneWrapperStyle:d,$slots:{default:c,prefix:b,suffix:u}}=this;null===l||void 0===l||l();const p=c?(0,T.B)(c()).filter(e=>!0===e.type.__TAB_PANE__):[],v=c?(0,T.B)(c()).filter(e=>!0===e.type.__TAB__):[],f=!v.length,h="card"===t,g="segment"===t,x=!h&&!g&&this.justifyContent;i.value=[];const m=()=>{const t=(0,y.h)("div",{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},x?null:(0,y.h)("div",{class:`${e}-tabs-scroll-padding`,style:"top"===n||"bottom"===n?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),f?p.map((e,t)=>(i.value.push(e.props.name),J((0,y.h)(I,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:0!==t&&(!x||"center"===x||"start"===x||"end"===x)}),e.children?{default:e.children.tab}:void 0)))):v.map((e,t)=>(i.value.push(e.props.name),J(0===t||x?e:Y(e)))),!a&&o&&h?q(o,0!==(f?p.length:v.length)):null,x?null:(0,y.h)("div",{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return(0,y.h)("div",{ref:"tabsElRef",class:`${e}-tabs-nav-scroll-content`},h&&o?(0,y.h)(C.A,{onResize:this.handleTabsResize},{default:()=>t}):t,h?(0,y.h)("div",{class:`${e}-tabs-pad`}):null,h?null:(0,y.h)("div",{ref:"barElRef",class:`${e}-tabs-bar`}))},w=g?"top":n;return(0,y.h)("div",{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${t}-type`,`${e}-tabs--${r}-size`,x&&`${e}-tabs--flex`,`${e}-tabs--${w}`],style:this.cssVars},(0,y.h)("div",{class:[`${e}-tabs-nav--${t}-type`,`${e}-tabs-nav--${w}`,`${e}-tabs-nav`]},(0,_.iQ)(b,t=>t&&(0,y.h)("div",{class:`${e}-tabs-nav__prefix`},t)),g?(0,y.h)(C.A,{onResize:this.handleSegmentResize},{default:()=>(0,y.h)("div",{class:`${e}-tabs-rail`,ref:"tabsElRef"},(0,y.h)("div",{class:`${e}-tabs-capsule`,ref:"segmentCapsuleElRef"},(0,y.h)("div",{class:`${e}-tabs-wrapper`},(0,y.h)("div",{class:`${e}-tabs-tab`}))),f?p.map((e,t)=>(i.value.push(e.props.name),(0,y.h)(I,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:0!==t}),e.children?{default:e.children.tab}:void 0))):v.map((e,t)=>(i.value.push(e.props.name),0===t?e:Y(e))))}):(0,y.h)(C.A,{onResize:this.handleNavResize},{default:()=>(0,y.h)("div",{class:`${e}-tabs-nav-scroll-wrapper`,ref:"scrollWrapperElRef"},["top","bottom"].includes(w)?(0,y.h)(S,{ref:"xScrollInstRef",onScroll:this.handleScroll},{default:m}):(0,y.h)("div",{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:"yScrollElRef"},m()))}),a&&o&&h?q(o,!0):null,(0,_.iQ)(u,t=>t&&(0,y.h)("div",{class:`${e}-tabs-nav__suffix`},t))),f&&(!this.animated||"top"!==w&&"bottom"!==w?G(p,this.mergedValue,this.renderedNames):(0,y.h)("div",{ref:"tabsPaneWrapperRef",style:d,class:[`${e}-tabs-pane-wrapper`,s]},G(p,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection))))}});function G(e,t,n,a,o,r,i){const l=[];return e.forEach(e=>{const{name:a,displayDirective:o,"display-directive":r}=e.props,i=e=>o===e||r===e,s=t===a;if(void 0!==e.key&&(e.key=a),s||i("show")||i("show:lazy")&&n.has(a)){n.has(a)||n.add(a);const t=!i("if");l.push(t?(0,y.bo)(e,[[R.aG,s]]):e)}}),i?(0,y.h)(R.F,{name:`${i}-transition`,onBeforeLeave:a,onEnter:o,onAfterEnter:r},{default:()=>l}):l}function q(e,t){return(0,y.h)(I,{ref:"addTabInstRef",key:"__addable",name:"__addable",internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:t,disabled:"object"===typeof e&&e.disabled})}function Y(e){const t=(0,y.E3)(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function J(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes("internalLeftPadded")||e.dynamicProps.push("internalLeftPadded"):e.dynamicProps=["internalLeftPadded"],e}},46522:function(e,t,n){n.d(t,{A:function(){return y}});n(44114);var a=n(34707),o=n(56768),r=n(90144),i=n(79882),l=n(70151),s=n(88733),d=n(25216),c=n(38741),b=n(37901),u=n(34350),p=n(30925);function v(e,t="default",n=[]){const a=e.$slots,o=a[t];return void 0===o?n:o()}var f=n(87786),h=(0,u.cB)("radio-group","\n display: inline-block;\n font-size: var(--n-font-size);\n",[(0,u.cE)("splitor","\n display: inline-block;\n vertical-align: bottom;\n width: 1px;\n transition:\n background-color .3s var(--n-bezier),\n opacity .3s var(--n-bezier);\n background: var(--n-button-border-color);\n ",[(0,u.cM)("checked",{backgroundColor:"var(--n-button-border-color-active)"}),(0,u.cM)("disabled",{opacity:"var(--n-opacity-disabled)"})]),(0,u.cM)("button-group","\n white-space: nowrap;\n height: var(--n-height);\n line-height: var(--n-height);\n ",[(0,u.cB)("radio-button",{height:"var(--n-height)",lineHeight:"var(--n-height)"}),(0,u.cE)("splitor",{height:"var(--n-height)"})]),(0,u.cB)("radio-button","\n vertical-align: bottom;\n outline: none;\n position: relative;\n user-select: none;\n -webkit-user-select: none;\n display: inline-block;\n box-sizing: border-box;\n padding-left: 14px;\n padding-right: 14px;\n white-space: nowrap;\n transition:\n background-color .3s var(--n-bezier),\n opacity .3s var(--n-bezier),\n border-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n background: var(--n-button-color);\n color: var(--n-button-text-color);\n border-top: 1px solid var(--n-button-border-color);\n border-bottom: 1px solid var(--n-button-border-color);\n ",[(0,u.cB)("radio-input","\n pointer-events: none;\n position: absolute;\n border: 0;\n border-radius: inherit;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n opacity: 0;\n z-index: 1;\n "),(0,u.cE)("state-border","\n z-index: 1;\n pointer-events: none;\n position: absolute;\n box-shadow: var(--n-button-box-shadow);\n transition: box-shadow .3s var(--n-bezier);\n left: -1px;\n bottom: -1px;\n right: -1px;\n top: -1px;\n "),(0,u.c)("&:first-child","\n border-top-left-radius: var(--n-button-border-radius);\n border-bottom-left-radius: var(--n-button-border-radius);\n border-left: 1px solid var(--n-button-border-color);\n ",[(0,u.cE)("state-border","\n border-top-left-radius: var(--n-button-border-radius);\n border-bottom-left-radius: var(--n-button-border-radius);\n ")]),(0,u.c)("&:last-child","\n border-top-right-radius: var(--n-button-border-radius);\n border-bottom-right-radius: var(--n-button-border-radius);\n border-right: 1px solid var(--n-button-border-color);\n ",[(0,u.cE)("state-border","\n border-top-right-radius: var(--n-button-border-radius);\n border-bottom-right-radius: var(--n-button-border-radius);\n ")]),(0,u.C5)("disabled","\n cursor: pointer;\n ",[(0,u.c)("&:hover",[(0,u.cE)("state-border","\n transition: box-shadow .3s var(--n-bezier);\n box-shadow: var(--n-button-box-shadow-hover);\n "),(0,u.C5)("checked",{color:"var(--n-button-text-color-hover)"})]),(0,u.cM)("focus",[(0,u.c)("&:not(:active)",[(0,u.cE)("state-border",{boxShadow:"var(--n-button-box-shadow-focus)"})])])]),(0,u.cM)("checked","\n background: var(--n-button-color-active);\n color: var(--n-button-text-color-active);\n border-color: var(--n-button-border-color-active);\n "),(0,u.cM)("disabled","\n cursor: not-allowed;\n opacity: var(--n-opacity-disabled);\n ")])]),g=n(15631);function x(e,t,n){var a;const r=[];let i=!1;for(let l=0;l<e.length;++l){const s=e[l],d=null===(a=s.type)||void 0===a?void 0:a.name;"RadioButton"===d&&(i=!0);const c=s.props;if("RadioButton"===d)if(0===l)r.push(s);else{const e=r[r.length-1].props,a=t===e.value,i=e.disabled,l=t===c.value,d=c.disabled,b=(a?2:0)+(i?0:1),u=(l?2:0)+(d?0:1),p={[`${n}-radio-group__splitor--disabled`]:i,[`${n}-radio-group__splitor--checked`]:a},v={[`${n}-radio-group__splitor--disabled`]:d,[`${n}-radio-group__splitor--checked`]:l},f=b<u?v:p;r.push((0,o.h)("div",{class:[`${n}-radio-group__splitor`,f]}),s)}else r.push(s)}return{children:r,isButtonGroup:i}}const m=Object.assign(Object.assign({},i.A.props),{name:String,value:[String,Number,Boolean],defaultValue:{type:[String,Number,Boolean],default:null},size:String,disabled:{type:Boolean,default:void 0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array]});var y=(0,o.pM)({name:"RadioGroup",props:m,setup(e){const t=(0,r.KR)(null),{mergedSizeRef:n,mergedDisabledRef:p,nTriggerFormChange:v,nTriggerFormInput:x,nTriggerFormBlur:m,nTriggerFormFocus:y}=(0,l.A)(e),{mergedClsPrefixRef:w,inlineThemeDisabled:R,mergedRtlRef:C}=(0,s.Ay)(e),B=(0,i.A)("Radio","-radio-group",h,f.A,e,w),k=(0,r.KR)(e.defaultValue),z=(0,r.lW)(e,"value"),S=(0,a.A)(z,k);function A(t){const{onUpdateValue:n,"onUpdate:value":a}=e;n&&(0,b.T)(n,t),a&&(0,b.T)(a,t),k.value=t,v(),x()}function $(e){const{value:n}=t;n&&(n.contains(e.relatedTarget)||y())}function E(e){const{value:n}=t;n&&(n.contains(e.relatedTarget)||m())}(0,o.Gt)(g.DM,{mergedClsPrefixRef:w,nameRef:(0,r.lW)(e,"name"),valueRef:S,disabledRef:p,mergedSizeRef:n,doUpdateValue:A});const T=(0,c.I)("Radio",C,w),W=(0,o.EW)(()=>{const{value:e}=n,{common:{cubicBezierEaseInOut:t},self:{buttonBorderColor:a,buttonBorderColorActive:o,buttonBorderRadius:r,buttonBoxShadow:i,buttonBoxShadowFocus:l,buttonBoxShadowHover:s,buttonColor:d,buttonColorActive:c,buttonTextColor:b,buttonTextColorActive:p,buttonTextColorHover:v,opacityDisabled:f,[(0,u.cF)("buttonHeight",e)]:h,[(0,u.cF)("fontSize",e)]:g}}=B.value;return{"--n-font-size":g,"--n-bezier":t,"--n-button-border-color":a,"--n-button-border-color-active":o,"--n-button-border-radius":r,"--n-button-box-shadow":i,"--n-button-box-shadow-focus":l,"--n-button-box-shadow-hover":s,"--n-button-color":d,"--n-button-color-active":c,"--n-button-text-color":b,"--n-button-text-color-hover":v,"--n-button-text-color-active":p,"--n-height":h,"--n-opacity-disabled":f}}),M=R?(0,d.R)("radio-group",(0,o.EW)(()=>n.value[0]),W,e):void 0;return{selfElRef:t,rtlEnabled:T,mergedClsPrefix:w,mergedValue:S,handleFocusout:E,handleFocusin:$,cssVars:R?void 0:W,themeClass:null===M||void 0===M?void 0:M.themeClass,onRender:null===M||void 0===M?void 0:M.onRender}},render(){var e;const{mergedValue:t,mergedClsPrefix:n,handleFocusin:a,handleFocusout:r}=this,{children:i,isButtonGroup:l}=x((0,p.B)(v(this)),t,n);return null===(e=this.onRender)||void 0===e||e.call(this),(0,o.h)("div",{onFocusin:a,onFocusout:r,ref:"selfElRef",class:[`${n}-radio-group`,this.rtlEnabled&&`${n}-radio-group--rtl`,this.themeClass,l&&`${n}-radio-group--button-group`],style:this.cssVars},i)}})},47209:function(e,t,n){n.d(t,{A:function(){return v}});var a=n(56768),o=n(79882),r=n(88733),i=n(25216),l=n(38741),s=n(34350),d=n(25972),c=n(87786),b=(0,s.cB)("radio","\n line-height: var(--n-label-line-height);\n outline: none;\n position: relative;\n user-select: none;\n -webkit-user-select: none;\n display: inline-flex;\n align-items: flex-start;\n flex-wrap: nowrap;\n font-size: var(--n-font-size);\n word-break: break-word;\n",[(0,s.cM)("checked",[(0,s.cE)("dot","\n background-color: var(--n-color-active);\n ")]),(0,s.cE)("dot-wrapper","\n position: relative;\n flex-shrink: 0;\n flex-grow: 0;\n width: var(--n-radio-size);\n "),(0,s.cB)("radio-input","\n position: absolute;\n border: 0;\n width: 0;\n height: 0;\n opacity: 0;\n margin: 0;\n "),(0,s.cE)("dot","\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n height: var(--n-radio-size);\n width: var(--n-radio-size);\n background: var(--n-color);\n box-shadow: var(--n-box-shadow);\n border-radius: 50%;\n transition:\n background-color .3s var(--n-bezier),\n box-shadow .3s var(--n-bezier);\n ",[(0,s.c)("&::before",'\n content: "";\n opacity: 0;\n position: absolute;\n left: 4px;\n top: 4px;\n height: calc(100% - 8px);\n width: calc(100% - 8px);\n border-radius: 50%;\n transform: scale(.8);\n background: var(--n-dot-color-active);\n transition: \n opacity .3s var(--n-bezier),\n background-color .3s var(--n-bezier),\n transform .3s var(--n-bezier);\n '),(0,s.cM)("checked",{boxShadow:"var(--n-box-shadow-active)"},[(0,s.c)("&::before","\n opacity: 1;\n transform: scale(1);\n ")])]),(0,s.cE)("label","\n color: var(--n-text-color);\n padding: var(--n-label-padding);\n font-weight: var(--n-label-font-weight);\n display: inline-block;\n transition: color .3s var(--n-bezier);\n "),(0,s.C5)("disabled","\n cursor: pointer;\n ",[(0,s.c)("&:hover",[(0,s.cE)("dot",{boxShadow:"var(--n-box-shadow-hover)"})]),(0,s.cM)("focus",[(0,s.c)("&:not(:active)",[(0,s.cE)("dot",{boxShadow:"var(--n-box-shadow-focus)"})])])]),(0,s.cM)("disabled","\n cursor: not-allowed;\n ",[(0,s.cE)("dot",{boxShadow:"var(--n-box-shadow-disabled)",backgroundColor:"var(--n-color-disabled)"},[(0,s.c)("&::before",{backgroundColor:"var(--n-dot-color-disabled)"}),(0,s.cM)("checked","\n opacity: 1;\n ")]),(0,s.cE)("label",{color:"var(--n-text-color-disabled)"}),(0,s.cB)("radio-input","\n cursor: not-allowed;\n ")])]),u=n(15631);const p=Object.assign(Object.assign({},o.A.props),u.Fe);var v=(0,a.pM)({name:"Radio",props:p,setup(e){const t=(0,u.mj)(e),n=(0,o.A)("Radio","-radio",b,c.A,e,t.mergedClsPrefix),d=(0,a.EW)(()=>{const{mergedSize:{value:e}}=t,{common:{cubicBezierEaseInOut:a},self:{boxShadow:o,boxShadowActive:r,boxShadowDisabled:i,boxShadowFocus:l,boxShadowHover:d,color:c,colorDisabled:b,colorActive:u,textColor:p,textColorDisabled:v,dotColorActive:f,dotColorDisabled:h,labelPadding:g,labelLineHeight:x,labelFontWeight:m,[(0,s.cF)("fontSize",e)]:y,[(0,s.cF)("radioSize",e)]:w}}=n.value;return{"--n-bezier":a,"--n-label-line-height":x,"--n-label-font-weight":m,"--n-box-shadow":o,"--n-box-shadow-active":r,"--n-box-shadow-disabled":i,"--n-box-shadow-focus":l,"--n-box-shadow-hover":d,"--n-color":c,"--n-color-active":u,"--n-color-disabled":b,"--n-dot-color-active":f,"--n-dot-color-disabled":h,"--n-font-size":y,"--n-radio-size":w,"--n-text-color":p,"--n-text-color-disabled":v,"--n-label-padding":g}}),{inlineThemeDisabled:p,mergedClsPrefixRef:v,mergedRtlRef:f}=(0,r.Ay)(e),h=(0,l.I)("Radio",f,v),g=p?(0,i.R)("radio",(0,a.EW)(()=>t.mergedSize.value[0]),d,e):void 0;return Object.assign(t,{rtlEnabled:h,cssVars:p?void 0:d,themeClass:null===g||void 0===g?void 0:g.themeClass,onRender:null===g||void 0===g?void 0:g.onRender})},render(){const{$slots:e,mergedClsPrefix:t,onRender:n,label:o}=this;return null===n||void 0===n||n(),(0,a.h)("label",{class:[`${t}-radio`,this.themeClass,this.rtlEnabled&&`${t}-radio--rtl`,this.mergedDisabled&&`${t}-radio--disabled`,this.renderSafeChecked&&`${t}-radio--checked`,this.focus&&`${t}-radio--focus`],style:this.cssVars},(0,a.h)("div",{class:`${t}-radio__dot-wrapper`}," ",(0,a.h)("div",{class:[`${t}-radio__dot`,this.renderSafeChecked&&`${t}-radio__dot--checked`]}),(0,a.h)("input",{ref:"inputRef",type:"radio",class:`${t}-radio-input`,value:this.value,name:this.mergedName,checked:this.renderSafeChecked,disabled:this.mergedDisabled,onChange:this.handleRadioInputChange,onFocus:this.handleRadioInputFocus,onBlur:this.handleRadioInputBlur})),(0,d.iQ)(e.default,e=>e||o?(0,a.h)("div",{ref:"labelRef",class:`${t}-radio__label`},e||o):null))}})},70652:function(e,t,n){var a=n(56768);t.A=(0,a.pM)({name:"Add",render(){return(0,a.h)("svg",{width:"512",height:"512",viewBox:"0 0 512 512",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,a.h)("path",{d:"M256 112V400M400 256H112",stroke:"currentColor","stroke-width":"32","stroke-linecap":"round","stroke-linejoin":"round"}))}})},73969:function(e,t,n){n.d(t,{A:function(){return o}});var a=n(45525);
|
||
/**
|
||
* @license lucide-vue-next v0.562.0 - ISC
|
||
*
|
||
* This source code is licensed under the ISC license.
|
||
* See the LICENSE file in the root directory of this source tree.
|
||
*/const o=(0,a.A)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},99758:function(e,t,n){n.d(t,{v:function(){return o}});var a=n(77727);const o=(0,a.D)("n-tabs")}}]);
|
||
//# sourceMappingURL=493.2428ffad.js.map
|