hermes-web-ui 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +134 -408
- package/bin/hermes-web-ui.mjs +111 -97
- package/dist/assets/ChatView-BCcUaLWg.css +1 -0
- package/dist/assets/ChatView-gu2Y-jpZ.js +16 -0
- package/dist/assets/Input-yD_s5hp8.js +234 -0
- package/dist/assets/JobsView-C1YU-sgU.js +123 -0
- package/dist/assets/LogsView-BN_TkDPi.css +1 -0
- package/dist/assets/LogsView-BSNn4Rmi.js +1 -0
- package/dist/assets/MarkdownRenderer-CrMwC_5d.css +1 -0
- package/dist/assets/MarkdownRenderer-DNP-kPA8.js +23 -0
- package/dist/assets/MemoryView-BsGBmN7h.js +5 -0
- package/dist/assets/MemoryView-CK0PemlP.css +1 -0
- package/dist/assets/Modal-CSHJclVU.js +232 -0
- package/dist/assets/Popover-blRIsd-8.js +117 -0
- package/dist/assets/Scrollbar-CYtpM7mc.js +77 -0
- package/dist/assets/Select-DTG-wtu5.js +454 -0
- package/dist/assets/SettingsView-BzBMKaLz.css +1 -0
- package/dist/assets/SettingsView-CppuSCZA.js +1129 -0
- package/dist/assets/SkillsView-86Z-HE_X.css +1 -0
- package/dist/assets/SkillsView-CciuH5wp.js +1 -0
- package/dist/assets/Spin-DWreY5m0.js +43 -0
- package/dist/assets/Suffix-B828Aenx.js +25 -0
- package/dist/assets/Tooltip-BCHslENT.js +1 -0
- package/dist/assets/Warning-Ba-wYRRB.js +1 -0
- package/dist/assets/_plugin-vue_export-helper-CV9qMihF.js +47 -0
- package/dist/assets/app-4gFjNUoo.js +1 -0
- package/dist/assets/chat-P2QaPvpZ.js +6 -0
- package/dist/assets/context-B74FvHiJ.js +109 -0
- package/dist/assets/index-Cx8mFF2D.js +307 -0
- package/dist/assets/index-DwVgwUIX.css +1 -0
- package/dist/assets/jobs-DVxci1LY.js +1 -0
- package/dist/assets/keysOf-Dvq9k1rv.js +1 -0
- package/dist/assets/omit-QZj0aLfU.js +1 -0
- package/dist/assets/pinia-tE0RcsDr.js +1 -0
- package/dist/assets/runtime-core.esm-bundler-yNW65ghW.js +1 -0
- package/dist/assets/skills-DgbQAgoB.js +1 -0
- package/dist/assets/use-message-Dz_GbH5h.js +1 -0
- package/dist/index.html +19 -6
- package/dist/server/config.d.ts +7 -0
- package/dist/server/config.js +12 -0
- package/dist/server/index.d.ts +1 -0
- package/dist/server/index.js +156 -0
- package/dist/server/routes/filesystem.d.ts +2 -0
- package/dist/server/routes/filesystem.js +427 -0
- package/dist/server/routes/logs.d.ts +2 -0
- package/dist/server/routes/logs.js +87 -0
- package/dist/server/routes/proxy-handler.d.ts +2 -0
- package/dist/server/routes/proxy-handler.js +82 -0
- package/dist/server/routes/proxy.d.ts +2 -0
- package/dist/server/routes/proxy.js +12 -0
- package/dist/server/routes/sessions.d.ts +2 -0
- package/dist/server/routes/sessions.js +69 -0
- package/dist/server/routes/upload.d.ts +2 -0
- package/dist/server/routes/upload.js +50 -0
- package/dist/server/routes/webhook.d.ts +2 -0
- package/dist/server/routes/webhook.js +33 -0
- package/dist/server/services/hermes-cli.d.ts +50 -0
- package/dist/server/services/hermes-cli.js +185 -0
- package/dist/server/services/hermes.d.ts +40 -0
- package/dist/server/services/hermes.js +118 -0
- package/package.json +19 -4
- package/dist/assets/ChatView-DrzZz5ex.css +0 -1
- package/dist/assets/ChatView-WnNeYrS7.js +0 -38
- package/dist/assets/JobsView-BF9wWdwU.js +0 -831
- package/dist/assets/Modal-CQVLL_Oc.js +0 -276
- package/dist/assets/_plugin-vue_export-helper-D5N3Hfca.js +0 -231
- package/dist/assets/chat-640V6r6N.js +0 -1
- package/dist/assets/index-4iFlrAYJ.js +0 -307
- package/dist/assets/index-CMJKLUKk.css +0 -1
- package/dist/assets/jobs-Cuol6Mqb.js +0 -1
- package/dist/assets/use-message-B8ClBznx.js +0 -117
- /package/dist/assets/{client-BxIiwrqC.js → client-BKiVmpru.js} +0 -0
|
@@ -0,0 +1,454 @@
|
|
|
1
|
+
import{C as e,D as t,E as n,I as r,K as i,M as a,R as o,T as s,U as c,W as l,at as u,g as d,i as f,j as p,k as m,l as h,tt as g,v as _,x as v}from"./runtime-core.esm-bundler-yNW65ghW.js";import{$ as y,B as b,Ct as x,H as S,V as C,X as w,Y as T,c as E,ct as D,d as O,dt as k,f as A,ft as j,i as M,it as N,l as P,lt as F,mt as I,nt as ee,pt as L,q as R,r as z,rt as B,tt as V,u as te,yt as H}from"./_plugin-vue_export-helper-CV9qMihF.js";import{D as ne,E as re,M as U,T as ie,_ as W,d as G,g as K,i as ae,m as q,p as J,t as Y,v as X,y as oe}from"./Popover-blRIsd-8.js";import{_ as se,a as ce,b as le,d as ue,f as de,m as fe,o as Z,p as pe,r as me,s as he,t as ge,v as _e,y as Q}from"./Scrollbar-CYtpM7mc.js";import{s as ve}from"./context-B74FvHiJ.js";import{t as ye}from"./Suffix-B828Aenx.js";function be(e,t){let{target:n}=e;for(;n;){if(n.dataset&&n.dataset[t]!==void 0)return!0;n=n.parentElement}return!1}function xe(e){return e&-e}var Se=class{constructor(e,t){this.l=e,this.min=t;let n=Array(e+1);for(let t=0;t<e+1;++t)n[t]=0;this.ft=n}add(e,t){if(t===0)return;let{l:n,ft:r}=this;for(e+=1;e<=n;)r[e]+=t,e+=xe(e)}get(e){return this.sum(e+1)-this.sum(e)}sum(e){if(e===void 0&&(e=this.l),e<=0)return 0;let{ft:t,min:n,l:r}=this;if(e>r)throw Error("[FinweckTree.sum]: `i` is larger than length.");let i=e*n;for(;e>0;)i+=t[e],e-=xe(e);return i}getBound(e){let t=0,n=this.l;for(;n>t;){let r=Math.floor((t+n)/2),i=this.sum(r);if(i>e){n=r;continue}else if(i<e){if(t===r)return this.sum(t+1)<=e?t+1:r;t=r}else return r}return t}},Ce;function we(){return typeof document>`u`?!1:(Ce===void 0&&(Ce=`matchMedia`in window?window.matchMedia(`(pointer:coarse)`).matches:!1),Ce)}var Te;function Ee(){return typeof document>`u`?1:(Te===void 0&&(Te=`chrome`in window?window.devicePixelRatio:1),Te)}var De=`VVirtualListXScroll`;function Oe({columnsRef:e,renderColRef:t,renderItemWithColsRef:n}){let i=g(0),a=g(0),o=h(()=>{let t=e.value;if(t.length===0)return null;let n=new Se(t.length,0);return t.forEach((e,t)=>{n.add(t,e.width)}),n});return r(De,{startIndexRef:B(()=>{let e=o.value;return e===null?0:Math.max(e.getBound(a.value)-1,0)}),endIndexRef:B(()=>{let t=o.value;return t===null?0:Math.min(t.getBound(a.value+i.value)+1,e.value.length-1)}),columnsRef:e,renderColRef:t,renderItemWithColsRef:n,getLeft:e=>{let t=o.value;return t===null?0:t.sum(e)}}),{listWidthRef:i,scrollLeftRef:a}}var ke=_({name:`VirtualListRow`,props:{index:{type:Number,required:!0},item:{type:Object,required:!0}},setup(){let{startIndexRef:t,endIndexRef:n,columnsRef:r,getLeft:i,renderColRef:a,renderItemWithColsRef:o}=e(De);return{startIndex:t,endIndex:n,columns:r,renderCol:a,renderItemWithCols:o,getLeft:i}},render(){let{startIndex:e,endIndex:t,columns:n,renderCol:r,renderItemWithCols:i,getLeft:a,item:o}=this;if(i!=null)return i({itemIndex:this.index,startColIndex:e,endColIndex:t,allColumns:n,item:o,getLeft:a});if(r!=null){let i=[];for(let s=e;s<=t;++s){let e=n[s];i.push(r({column:e,left:a(s),item:o}))}return i}return null}}),Ae=J(`.v-vl`,{maxHeight:`inherit`,height:`100%`,overflow:`auto`,minWidth:`1px`},[J(`&:not(.v-vl--show-scrollbar)`,{scrollbarWidth:`none`},[J(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,{width:0,height:0,display:`none`})])]),je=_({name:`VirtualList`,inheritAttrs:!1,props:{showScrollbar:{type:Boolean,default:!0},columns:{type:Array,default:()=>[]},renderCol:Function,renderItemWithCols:Function,items:{type:Array,default:()=>[]},itemSize:{type:Number,required:!0},itemResizable:Boolean,itemsStyle:[String,Object],visibleItemsTag:{type:[String,Object],default:`div`},visibleItemsProps:Object,ignoreItemResize:Boolean,onScroll:Function,onWheel:Function,onResize:Function,defaultScrollKey:[Number,String],defaultScrollIndex:Number,keyField:{type:String,default:`key`},paddingTop:{type:[Number,String],default:0},paddingBottom:{type:[Number,String],default:0}},setup(e){let n=y();Ae.mount({id:`vueuc/virtual-list`,head:!0,anchorMetaName:q,ssr:n}),a(()=>{let{defaultScrollIndex:t,defaultScrollKey:n}=e;t==null?n!=null&&C({key:n}):C({index:t})});let r=!1,i=!1;t(()=>{if(r=!1,!i){i=!0;return}C({top:b.value,left:c.value})}),p(()=>{r=!0,i||=!0});let o=B(()=>{if(e.renderCol==null&&e.renderItemWithCols==null||e.columns.length===0)return;let t=0;return e.columns.forEach(e=>{t+=e.width}),t}),s=h(()=>{let t=new Map,{keyField:n}=e;return e.items.forEach((e,r)=>{t.set(e[n],r)}),t}),{scrollLeftRef:c,listWidthRef:l}=Oe({columnsRef:u(e,`columns`),renderColRef:u(e,`renderCol`),renderItemWithColsRef:u(e,`renderItemWithCols`)}),d=g(null),f=g(void 0),m=new Map,_=h(()=>{let{items:t,itemSize:n,keyField:r}=e,i=new Se(t.length,n);return t.forEach((e,t)=>{let n=e[r],a=m.get(n);a!==void 0&&i.add(t,a)}),i}),v=g(0),b=g(0),x=B(()=>Math.max(_.value.getBound(b.value-se(e.paddingTop))-1,0)),S=h(()=>{let{value:t}=f;if(t===void 0)return[];let{items:n,itemSize:r}=e,i=x.value,a=Math.min(i+Math.ceil(t/r+1),n.length-1),o=[];for(let e=i;e<=a;++e)o.push(n[e]);return o}),C=(e,t)=>{if(typeof e==`number`){D(e,t,`auto`);return}let{left:n,top:r,index:i,key:a,position:o,behavior:c,debounce:l=!0}=e;if(n!==void 0||r!==void 0)D(n,r,c);else if(i!==void 0)E(i,c,l);else if(a!==void 0){let e=s.value.get(a);e!==void 0&&E(e,c,l)}else o===`bottom`?D(0,2**53-1,c):o===`top`&&D(0,0,c)},w,T=null;function E(t,n,r){let{value:i}=_,a=i.sum(t)+se(e.paddingTop);if(!r)d.value.scrollTo({left:0,top:a,behavior:n});else{w=t,T!==null&&window.clearTimeout(T),T=window.setTimeout(()=>{w=void 0,T=null},16);let{scrollTop:e,offsetHeight:r}=d.value;if(a>e){let o=i.get(t);a+o<=e+r||d.value.scrollTo({left:0,top:a+o-r,behavior:n})}else d.value.scrollTo({left:0,top:a,behavior:n})}}function D(e,t,n){d.value.scrollTo({left:e,top:t,behavior:n})}function O(t,n){if(r||e.ignoreItemResize||F(n.target))return;let{value:i}=_,a=s.value.get(t),o=i.get(a),c=n.borderBoxSize?.[0]?.blockSize??n.contentRect.height;if(c===o)return;c-e.itemSize===0?m.delete(t):m.set(t,c-e.itemSize);let l=c-o;if(l===0)return;i.add(a,l);let u=d.value;if(u!=null){if(w===void 0){let e=i.sum(a);u.scrollTop>e&&u.scrollBy(0,l)}else (a<w||a===w&&c+i.sum(a)>u.scrollTop+u.offsetHeight)&&u.scrollBy(0,l);P()}v.value++}let k=!we(),A=!1;function j(t){var n;(n=e.onScroll)==null||n.call(e,t),(!k||!A)&&P()}function M(t){var n;if((n=e.onWheel)==null||n.call(e,t),k){let e=d.value;if(e!=null){if(t.deltaX===0&&(e.scrollTop===0&&t.deltaY<=0||e.scrollTop+e.offsetHeight>=e.scrollHeight&&t.deltaY>=0))return;t.preventDefault(),e.scrollTop+=t.deltaY/Ee(),e.scrollLeft+=t.deltaX/Ee(),P(),A=!0,U(()=>{A=!1})}}}function N(t){if(r||F(t.target))return;if(e.renderCol==null&&e.renderItemWithCols==null){if(t.contentRect.height===f.value)return}else if(t.contentRect.height===f.value&&t.contentRect.width===l.value)return;f.value=t.contentRect.height,l.value=t.contentRect.width;let{onResize:n}=e;n!==void 0&&n(t)}function P(){let{value:e}=d;e!=null&&(b.value=e.scrollTop,c.value=e.scrollLeft)}function F(e){let t=e;for(;t!==null;){if(t.style.display===`none`)return!0;t=t.parentElement}return!1}return{listHeight:f,listStyle:{overflow:`auto`},keyToIndex:s,itemsStyle:h(()=>{let{itemResizable:t}=e,n=Q(_.value.sum());return v.value,[e.itemsStyle,{boxSizing:`content-box`,width:Q(o.value),height:t?``:n,minHeight:t?n:``,paddingTop:Q(e.paddingTop),paddingBottom:Q(e.paddingBottom)}]}),visibleItemsStyle:h(()=>(v.value,{transform:`translateY(${Q(_.value.sum(x.value))})`})),viewportItems:S,listElRef:d,itemsElRef:g(null),scrollTo:C,handleListResize:N,handleListScroll:j,handleListWheel:M,handleItemResize:O}},render(){let{itemResizable:e,keyField:t,keyToIndex:n,visibleItemsTag:r}=this;return v(de,{onResize:this.handleListResize},{default:()=>{var i;return v(`div`,s(this.$attrs,{class:[`v-vl`,this.showScrollbar&&`v-vl--show-scrollbar`],onScroll:this.handleListScroll,onWheel:this.handleListWheel,ref:`listElRef`}),[this.items.length===0?(i=this.$slots).empty?.call(i):v(`div`,{ref:`itemsElRef`,class:`v-vl-items`,style:this.itemsStyle},[v(r,Object.assign({class:`v-vl-visible-items`,style:this.visibleItemsStyle},this.visibleItemsProps),{default:()=>{let{renderCol:r,renderItemWithCols:i}=this;return this.viewportItems.map(a=>{let o=a[t],s=n.get(o),c=r==null?void 0:v(ke,{index:s,item:a}),l=i==null?void 0:v(ke,{index:s,item:a}),u=this.$slots.default({item:a,renderedCols:c,renderedItemWithCols:l,index:s})[0];return e?v(de,{key:o,onResize:e=>this.handleItemResize(o,e)},{default:()=>u}):(u.key=o,u)})}})])])}})}}),$=`v-hidden`,Me=J(`[v-hidden]`,{display:`none!important`}),Ne=_({name:`Overflow`,props:{getCounter:Function,getTail:Function,updateCounter:Function,onUpdateCount:Function,onUpdateOverflow:Function},setup(e,{slots:t}){let n=g(null),r=g(null);function i(i){let{value:a}=n,{getCounter:o,getTail:s}=e,c;if(c=o===void 0?r.value:o(),!a||!c)return;c.hasAttribute($)&&c.removeAttribute($);let{children:l}=a;if(i.showAllItemsBeforeCalculate)for(let e of l)e.hasAttribute($)&&e.removeAttribute($);let u=a.offsetWidth,d=[],f=t.tail?s?.():null,p=f?f.offsetWidth:0,m=!1,h=a.children.length-+!!t.tail;for(let t=0;t<h-1;++t){if(t<0)continue;let n=l[t];if(m){n.hasAttribute($)||n.setAttribute($,``);continue}else n.hasAttribute($)&&n.removeAttribute($);let r=n.offsetWidth;if(p+=r,d[t]=r,p>u){let{updateCounter:n}=e;for(let r=t;r>=0;--r){let i=h-1-r;n===void 0?c.textContent=`${i}`:n(i);let a=c.offsetWidth;if(p-=d[r],p+a<=u||r===0){m=!0,t=r-1,f&&(t===-1?(f.style.maxWidth=`${u-a}px`,f.style.boxSizing=`border-box`):f.style.maxWidth=``);let{onUpdateCount:n}=e;n&&n(i);break}}}}let{onUpdateOverflow:g}=e;m?g!==void 0&&g(!0):(g!==void 0&&g(!1),c.setAttribute($,``))}let o=y();return Me.mount({id:`vueuc/overflow`,head:!0,anchorMetaName:q,ssr:o}),a(()=>i({showAllItemsBeforeCalculate:!1})),{selfRef:n,counterRef:r,sync:i}},render(){let{$slots:e}=this;return n(()=>this.sync({showAllItemsBeforeCalculate:!1})),v(`div`,{class:`v-overflow`,ref:`selfRef`},[o(e,`default`),e.counter?e.counter():v(`span`,{style:{display:`inline-block`},ref:`counterRef`}),e.tail?e.tail():null])}});function Pe(e,t){t&&(a(()=>{let{value:n}=e;n&&pe.registerHandler(n,t)}),c(e,(e,t)=>{t&&pe.unregisterHandler(t)},{deep:!1}),m(()=>{let{value:t}=e;t&&pe.unregisterHandler(t)}))}var Fe=new WeakSet;function Ie(e){Fe.add(e)}function Le(e){return!Fe.has(e)}function Re(e){switch(typeof e){case`string`:return e||void 0;case`number`:return String(e);default:return}}function ze(e){let t=e.filter(e=>e!==void 0);if(t.length!==0)return t.length===1?t[0]:t=>{e.forEach(e=>{e&&e(t)})}}function Be(e,...t){return typeof e==`function`?e(...t):typeof e==`string`?d(e):typeof e==`number`?d(String(e)):null}var Ve=_({name:`Checkmark`,render(){return v(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`},v(`g`,{fill:`none`},v(`path`,{d:`M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032z`,fill:`currentColor`})))}}),He=ce(`close`,()=>v(`svg`,{viewBox:`0 0 12 12`,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":!0},v(`g`,{stroke:`none`,"stroke-width":`1`,fill:`none`,"fill-rule":`evenodd`},v(`g`,{fill:`currentColor`,"fill-rule":`nonzero`},v(`path`,{d:`M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z`}))))),Ue=_({name:`Empty`,render(){return v(`svg`,{viewBox:`0 0 28 28`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`},v(`path`,{d:`M26 7.5C26 11.0899 23.0899 14 19.5 14C15.9101 14 13 11.0899 13 7.5C13 3.91015 15.9101 1 19.5 1C23.0899 1 26 3.91015 26 7.5ZM16.8536 4.14645C16.6583 3.95118 16.3417 3.95118 16.1464 4.14645C15.9512 4.34171 15.9512 4.65829 16.1464 4.85355L18.7929 7.5L16.1464 10.1464C15.9512 10.3417 15.9512 10.6583 16.1464 10.8536C16.3417 11.0488 16.6583 11.0488 16.8536 10.8536L19.5 8.20711L22.1464 10.8536C22.3417 11.0488 22.6583 11.0488 22.8536 10.8536C23.0488 10.6583 23.0488 10.3417 22.8536 10.1464L20.2071 7.5L22.8536 4.85355C23.0488 4.65829 23.0488 4.34171 22.8536 4.14645C22.6583 3.95118 22.3417 3.95118 22.1464 4.14645L19.5 6.79289L16.8536 4.14645Z`,fill:`currentColor`}),v(`path`,{d:`M25 22.75V12.5991C24.5572 13.0765 24.053 13.4961 23.5 13.8454V16H17.5L17.3982 16.0068C17.0322 16.0565 16.75 16.3703 16.75 16.75C16.75 18.2688 15.5188 19.5 14 19.5C12.4812 19.5 11.25 18.2688 11.25 16.75L11.2432 16.6482C11.1935 16.2822 10.8797 16 10.5 16H4.5V7.25C4.5 6.2835 5.2835 5.5 6.25 5.5H12.2696C12.4146 4.97463 12.6153 4.47237 12.865 4H6.25C4.45507 4 3 5.45507 3 7.25V22.75C3 24.5449 4.45507 26 6.25 26H21.75C23.5449 26 25 24.5449 25 22.75ZM4.5 22.75V17.5H9.81597L9.85751 17.7041C10.2905 19.5919 11.9808 21 14 21L14.215 20.9947C16.2095 20.8953 17.842 19.4209 18.184 17.5H23.5V22.75C23.5 23.7165 22.7165 24.5 21.75 24.5H6.25C5.2835 24.5 4.5 23.7165 4.5 22.75Z`,fill:`currentColor`}))}}),We=F(`base-close`,`
|
|
2
|
+
display: flex;
|
|
3
|
+
align-items: center;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
background-color: transparent;
|
|
7
|
+
color: var(--n-close-icon-color);
|
|
8
|
+
border-radius: var(--n-close-border-radius);
|
|
9
|
+
height: var(--n-close-size);
|
|
10
|
+
width: var(--n-close-size);
|
|
11
|
+
font-size: var(--n-close-icon-size);
|
|
12
|
+
outline: none;
|
|
13
|
+
border: none;
|
|
14
|
+
position: relative;
|
|
15
|
+
padding: 0;
|
|
16
|
+
`,[j(`absolute`,`
|
|
17
|
+
height: var(--n-close-icon-size);
|
|
18
|
+
width: var(--n-close-icon-size);
|
|
19
|
+
`),D(`&::before`,`
|
|
20
|
+
content: "";
|
|
21
|
+
position: absolute;
|
|
22
|
+
width: var(--n-close-size);
|
|
23
|
+
height: var(--n-close-size);
|
|
24
|
+
left: 50%;
|
|
25
|
+
top: 50%;
|
|
26
|
+
transform: translateY(-50%) translateX(-50%);
|
|
27
|
+
transition: inherit;
|
|
28
|
+
border-radius: inherit;
|
|
29
|
+
`),L(`disabled`,[D(`&:hover`,`
|
|
30
|
+
color: var(--n-close-icon-color-hover);
|
|
31
|
+
`),D(`&:hover::before`,`
|
|
32
|
+
background-color: var(--n-close-color-hover);
|
|
33
|
+
`),D(`&:focus::before`,`
|
|
34
|
+
background-color: var(--n-close-color-hover);
|
|
35
|
+
`),D(`&:active`,`
|
|
36
|
+
color: var(--n-close-icon-color-pressed);
|
|
37
|
+
`),D(`&:active::before`,`
|
|
38
|
+
background-color: var(--n-close-color-pressed);
|
|
39
|
+
`)]),j(`disabled`,`
|
|
40
|
+
cursor: not-allowed;
|
|
41
|
+
color: var(--n-close-icon-color-disabled);
|
|
42
|
+
background-color: transparent;
|
|
43
|
+
`),j(`round`,[D(`&::before`,`
|
|
44
|
+
border-radius: 50%;
|
|
45
|
+
`)])]),Ge=_({name:`BaseClose`,props:{isButtonTag:{type:Boolean,default:!0},clsPrefix:{type:String,required:!0},disabled:{type:Boolean,default:void 0},focusable:{type:Boolean,default:!0},round:Boolean,onClick:Function,absolute:Boolean},setup(e){return te(`-base-close`,We,u(e,`clsPrefix`)),()=>{let{clsPrefix:t,disabled:n,absolute:r,round:i,isButtonTag:a}=e;return v(a?`button`:`div`,{type:a?`button`:void 0,tabindex:n||!e.focusable?-1:0,"aria-disabled":n,"aria-label":`close`,role:a?void 0:`button`,disabled:n,class:[`${t}-base-close`,r&&`${t}-base-close--absolute`,n&&`${t}-base-close--disabled`,i&&`${t}-base-close--round`],onMousedown:t=>{e.focusable||t.preventDefault()},onClick:e.onClick},v(Z,{clsPrefix:t},{default:()=>v(He,null)}))}}}),Ke=_({props:{onFocus:Function,onBlur:Function},setup(e){return()=>v(`div`,{style:`width: 0; height: 0`,tabindex:0,onFocus:e.onFocus,onBlur:e.onBlur})}});function qe(e){return Array.isArray(e)?e:[e]}var Je={STOP:`STOP`};function Ye(e,t){let n=t(e);e.children!==void 0&&n!==Je.STOP&&e.children.forEach(e=>Ye(e,t))}function Xe(e,t={}){let{preserveGroup:n=!1}=t,r=[],i=n?e=>{e.isLeaf||(r.push(e.key),a(e.children))}:e=>{e.isLeaf||(e.isGroup||r.push(e.key),a(e.children))};function a(e){e.forEach(i)}return a(e),r}function Ze(e,t){let{isLeaf:n}=e;return n===void 0?!t(e):n}function Qe(e){return e.children}function $e(e){return e.key}function et(){return!1}function tt(e,t){let{isLeaf:n}=e;return!(n===!1&&!Array.isArray(t(e)))}function nt(e){return e.disabled===!0}function rt(e,t){return e.isLeaf===!1&&!Array.isArray(t(e))}function it(e){return e==null?[]:Array.isArray(e)?e:e.checkedKeys??[]}function at(e){return e==null||Array.isArray(e)?[]:e.indeterminateKeys??[]}function ot(e,t){let n=new Set(e);return t.forEach(e=>{n.has(e)||n.add(e)}),Array.from(n)}function st(e,t){let n=new Set(e);return t.forEach(e=>{n.has(e)&&n.delete(e)}),Array.from(n)}function ct(e){return e?.type===`group`}function lt(e){let t=new Map;return e.forEach((e,n)=>{t.set(e.key,n)}),e=>t.get(e)??null}var ut=class extends Error{constructor(){super(),this.message=`SubtreeNotLoadedError: checking a subtree whose required nodes are not fully loaded.`}};function dt(e,t,n,r){return ht(t.concat(e),n,r,!1)}function ft(e,t){let n=new Set;return e.forEach(e=>{let r=t.treeNodeMap.get(e);if(r!==void 0){let e=r.parent;for(;e!==null&&!(e.disabled||n.has(e.key));)n.add(e.key),e=e.parent}}),n}function pt(e,t,n,r){let i=ht(t,n,r,!1),a=ht(e,n,r,!0),o=ft(e,n),s=[];return i.forEach(e=>{(a.has(e)||o.has(e))&&s.push(e)}),s.forEach(e=>i.delete(e)),i}function mt(e,t){let{checkedKeys:n,keysToCheck:r,keysToUncheck:i,indeterminateKeys:a,cascade:o,leafOnly:s,checkStrategy:c,allowNotLoaded:l}=e;if(!o)return r===void 0?i===void 0?{checkedKeys:Array.from(n),indeterminateKeys:Array.from(a)}:{checkedKeys:st(n,i),indeterminateKeys:Array.from(a)}:{checkedKeys:ot(n,r),indeterminateKeys:Array.from(a)};let{levelTreeNodeMap:u}=t,d;d=i===void 0?r===void 0?ht(n,t,l,!1):dt(r,n,t,l):pt(i,n,t,l);let f=c===`parent`,p=c===`child`||s,m=d,h=new Set,g=Math.max.apply(null,Array.from(u.keys()));for(let e=g;e>=0;--e){let t=e===0,n=u.get(e);for(let e of n){if(e.isLeaf)continue;let{key:n,shallowLoaded:r}=e;if(p&&r&&e.children.forEach(e=>{!e.disabled&&!e.isLeaf&&e.shallowLoaded&&m.has(e.key)&&m.delete(e.key)}),e.disabled||!r)continue;let i=!0,a=!1,o=!0;for(let t of e.children){let e=t.key;if(!t.disabled){if(o&&=!1,m.has(e))a=!0;else if(h.has(e)){a=!0,i=!1;break}else if(i=!1,a)break}}i&&!o?(f&&e.children.forEach(e=>{!e.disabled&&m.has(e.key)&&m.delete(e.key)}),m.add(n)):a&&h.add(n),t&&p&&m.has(n)&&m.delete(n)}}return{checkedKeys:Array.from(m),indeterminateKeys:Array.from(h)}}function ht(e,t,n,r){let{treeNodeMap:i,getChildren:a}=t,o=new Set,s=new Set(e);return e.forEach(e=>{let t=i.get(e);t!==void 0&&Ye(t,e=>{if(e.disabled)return Je.STOP;let{key:t}=e;if(!o.has(t)&&(o.add(t),s.add(t),rt(e.rawNode,a))){if(r)return Je.STOP;if(!n)throw new ut}})}),s}function gt(e,{includeGroup:t=!1,includeSelf:n=!0},r){let i=r.treeNodeMap,a=e==null?null:i.get(e)??null,o={keyPath:[],treeNodePath:[],treeNode:a};if(a?.ignored)return o.treeNode=null,o;for(;a;)!a.ignored&&(t||!a.isGroup)&&o.treeNodePath.push(a),a=a.parent;return o.treeNodePath.reverse(),n||o.treeNodePath.pop(),o.keyPath=o.treeNodePath.map(e=>e.key),o}function _t(e){if(e.length===0)return null;let t=e[0];return t.isGroup||t.ignored||t.disabled?t.getNext():t}function vt(e,t){let n=e.siblings,r=n.length,{index:i}=e;return t?n[(i+1)%r]:i===n.length-1?null:n[i+1]}function yt(e,t,{loop:n=!1,includeDisabled:r=!1}={}){let i=t===`prev`?bt:vt,a={reverse:t===`prev`},o=!1,s=null;function c(t){if(t!==null){if(t===e){if(!o)o=!0;else if(!e.disabled&&!e.isGroup){s=e;return}}else if((!t.disabled||r)&&!t.ignored&&!t.isGroup){s=t;return}if(t.isGroup){let e=St(t,a);e===null?c(i(t,n)):s=e}else{let e=i(t,!1);if(e!==null)c(e);else{let e=xt(t);e?.isGroup?c(i(e,n)):n&&c(i(t,!0))}}}}return c(e),s}function bt(e,t){let n=e.siblings,r=n.length,{index:i}=e;return t?n[(i-1+r)%r]:i===0?null:n[i-1]}function xt(e){return e.parent}function St(e,t={}){let{reverse:n=!1}=t,{children:r}=e;if(r){let{length:e}=r,i=n?e-1:0,a=n?-1:e,o=n?-1:1;for(let e=i;e!==a;e+=o){let n=r[e];if(!n.disabled&&!n.ignored)if(n.isGroup){let e=St(n,t);if(e!==null)return e}else return n}}return null}var Ct={getChild(){return this.ignored?null:St(this)},getParent(){let{parent:e}=this;return e?.isGroup?e.getParent():e},getNext(e={}){return yt(this,`next`,e)},getPrev(e={}){return yt(this,`prev`,e)}};function wt(e,t){let n=t?new Set(t):void 0,r=[];function i(e){e.forEach(e=>{r.push(e),!(e.isLeaf||!e.children||e.ignored)&&(e.isGroup||n===void 0||n.has(e.key))&&i(e.children)})}return i(e),r}function Tt(e,t){let n=e.key;for(;t;){if(t.key===n)return!0;t=t.parent}return!1}function Et(e,t,n,r,i,a=null,o=0){let s=[];return e.forEach((c,l)=>{var u;let d=Object.create(r);if(d.rawNode=c,d.siblings=s,d.level=o,d.index=l,d.isFirstChild=l===0,d.isLastChild=l+1===e.length,d.parent=a,!d.ignored){let e=i(c);Array.isArray(e)&&(d.children=Et(e,t,n,r,i,d,o+1))}s.push(d),t.set(d.key,d),n.has(o)||n.set(o,[]),(u=n.get(o))==null||u.push(d)}),s}function Dt(e,t={}){let n=new Map,r=new Map,{getDisabled:i=nt,getIgnored:a=et,getIsGroup:o=ct,getKey:s=$e}=t,c=t.getChildren??Qe,l=t.ignoreEmptyChildren?e=>{let t=c(e);return Array.isArray(t)?t.length?t:null:t}:c,u=Et(e,n,r,Object.assign({get key(){return s(this.rawNode)},get disabled(){return i(this.rawNode)},get isGroup(){return o(this.rawNode)},get isLeaf(){return Ze(this.rawNode,l)},get shallowLoaded(){return tt(this.rawNode,l)},get ignored(){return a(this.rawNode)},contains(e){return Tt(this,e)}},Ct),l);function d(e){if(e==null)return null;let t=n.get(e);return t&&!t.isGroup&&!t.ignored?t:null}function f(e){if(e==null)return null;let t=n.get(e);return t&&!t.ignored?t:null}function p(e,t){let n=f(e);return n?n.getPrev(t):null}function m(e,t){let n=f(e);return n?n.getNext(t):null}function h(e){let t=f(e);return t?t.getParent():null}function g(e){let t=f(e);return t?t.getChild():null}let _={treeNodes:u,treeNodeMap:n,levelTreeNodeMap:r,maxLevel:Math.max(...r.keys()),getChildren:l,getFlattenedNodes(e){return wt(u,e)},getNode:d,getPrev:p,getNext:m,getParent:h,getChild:g,getFirstAvailableNode(){return _t(u)},getPath(e,t={}){return gt(e,t,_)},getCheckedKeys(e,t={}){let{cascade:n=!0,leafOnly:r=!1,checkStrategy:i=`all`,allowNotLoaded:a=!1}=t;return mt({checkedKeys:it(e),indeterminateKeys:at(e),cascade:n,leafOnly:r,checkStrategy:i,allowNotLoaded:a},_)},check(e,t,n={}){let{cascade:r=!0,leafOnly:i=!1,checkStrategy:a=`all`,allowNotLoaded:o=!1}=n;return mt({checkedKeys:it(t),indeterminateKeys:at(t),keysToCheck:e==null?[]:qe(e),cascade:r,leafOnly:i,checkStrategy:a,allowNotLoaded:o},_)},uncheck(e,t,n={}){let{cascade:r=!0,leafOnly:i=!1,checkStrategy:a=`all`,allowNotLoaded:o=!1}=n;return mt({checkedKeys:it(t),indeterminateKeys:at(t),keysToUncheck:e==null?[]:qe(e),cascade:r,leafOnly:i,checkStrategy:a,allowNotLoaded:o},_)},getNonLeafKeys(e={}){return Xe(u,e)}};return _}var Ot={iconSizeTiny:`28px`,iconSizeSmall:`34px`,iconSizeMedium:`40px`,iconSizeLarge:`46px`,iconSizeHuge:`52px`};function kt(e){let{textColorDisabled:t,iconColor:n,textColor2:r,fontSizeTiny:i,fontSizeSmall:a,fontSizeMedium:o,fontSizeLarge:s,fontSizeHuge:c}=e;return Object.assign(Object.assign({},Ot),{fontSizeTiny:i,fontSizeSmall:a,fontSizeMedium:o,fontSizeLarge:s,fontSizeHuge:c,textColor:t,iconColor:n,extraTextColor:r})}var At={name:`Empty`,common:z,self:kt},jt=F(`empty`,`
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-direction: column;
|
|
48
|
+
align-items: center;
|
|
49
|
+
font-size: var(--n-font-size);
|
|
50
|
+
`,[k(`icon`,`
|
|
51
|
+
width: var(--n-icon-size);
|
|
52
|
+
height: var(--n-icon-size);
|
|
53
|
+
font-size: var(--n-icon-size);
|
|
54
|
+
line-height: var(--n-icon-size);
|
|
55
|
+
color: var(--n-icon-color);
|
|
56
|
+
transition:
|
|
57
|
+
color .3s var(--n-bezier);
|
|
58
|
+
`,[D(`+`,[k(`description`,`
|
|
59
|
+
margin-top: 8px;
|
|
60
|
+
`)])]),k(`description`,`
|
|
61
|
+
transition: color .3s var(--n-bezier);
|
|
62
|
+
color: var(--n-text-color);
|
|
63
|
+
`),k(`extra`,`
|
|
64
|
+
text-align: center;
|
|
65
|
+
transition: color .3s var(--n-bezier);
|
|
66
|
+
margin-top: 12px;
|
|
67
|
+
color: var(--n-extra-text-color);
|
|
68
|
+
`)]),Mt=_({name:`Empty`,props:Object.assign(Object.assign({},P.props),{description:String,showDescription:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},size:{type:String,default:`medium`},renderIcon:Function}),slots:Object,setup(e){let{mergedClsPrefixRef:t,inlineThemeDisabled:n,mergedComponentPropsRef:r}=S(e),i=P(`Empty`,`-empty`,jt,At,e,t),{localeRef:a}=he(`Empty`),o=h(()=>e.description??r?.value?.Empty?.description),s=h(()=>r?.value?.Empty?.renderIcon||(()=>v(Ue,null))),c=h(()=>{let{size:t}=e,{common:{cubicBezierEaseInOut:n},self:{[I(`iconSize`,t)]:r,[I(`fontSize`,t)]:a,textColor:o,iconColor:s,extraTextColor:c}}=i.value;return{"--n-icon-size":r,"--n-font-size":a,"--n-bezier":n,"--n-text-color":o,"--n-icon-color":s,"--n-extra-text-color":c}}),l=n?C(`empty`,h(()=>{let t=``,{size:n}=e;return t+=n[0],t}),c,e):void 0;return{mergedClsPrefix:t,mergedRenderIcon:s,localizedDescription:h(()=>o.value||a.value.description),cssVars:n?void 0:c,themeClass:l?.themeClass,onRender:l?.onRender}},render(){let{$slots:e,mergedClsPrefix:t,onRender:n}=this;return n?.(),v(`div`,{class:[`${t}-empty`,this.themeClass],style:this.cssVars},this.showIcon?v(`div`,{class:`${t}-empty__icon`},e.icon?e.icon():v(Z,{clsPrefix:t},{default:this.mergedRenderIcon})):null,this.showDescription?v(`div`,{class:`${t}-empty__description`},e.default?e.default():this.localizedDescription):null,e.extra?v(`div`,{class:`${t}-empty__extra`},e.extra()):null)}}),Nt={height:`calc(var(--n-option-height) * 7.6)`,paddingTiny:`4px 0`,paddingSmall:`4px 0`,paddingMedium:`4px 0`,paddingLarge:`4px 0`,paddingHuge:`4px 0`,optionPaddingTiny:`0 12px`,optionPaddingSmall:`0 12px`,optionPaddingMedium:`0 12px`,optionPaddingLarge:`0 12px`,optionPaddingHuge:`0 12px`,loadingSize:`18px`};function Pt(e){let{borderRadius:t,popoverColor:n,textColor3:r,dividerColor:i,textColor2:a,primaryColorPressed:o,textColorDisabled:s,primaryColor:c,opacityDisabled:l,hoverColor:u,fontSizeTiny:d,fontSizeSmall:f,fontSizeMedium:p,fontSizeLarge:m,fontSizeHuge:h,heightTiny:g,heightSmall:_,heightMedium:v,heightLarge:y,heightHuge:b}=e;return Object.assign(Object.assign({},Nt),{optionFontSizeTiny:d,optionFontSizeSmall:f,optionFontSizeMedium:p,optionFontSizeLarge:m,optionFontSizeHuge:h,optionHeightTiny:g,optionHeightSmall:_,optionHeightMedium:v,optionHeightLarge:y,optionHeightHuge:b,borderRadius:t,color:n,groupHeaderTextColor:r,actionDividerColor:i,optionTextColor:a,optionTextColorPressed:o,optionTextColorDisabled:s,optionTextColorActive:c,optionOpacityDisabled:l,optionCheckColor:c,optionColorPending:u,optionColorActive:`rgba(0, 0, 0, 0)`,optionColorActivePending:u,actionTextColor:a,loadingColor:c})}var Ft=E({name:`InternalSelectMenu`,common:z,peers:{Scrollbar:me,Empty:At},self:Pt}),It=_({name:`NBaseSelectGroupHeader`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(){let{renderLabelRef:t,renderOptionRef:n,labelFieldRef:r,nodePropsRef:i}=e(re);return{labelField:r,nodeProps:i,renderLabel:t,renderOption:n}},render(){let{clsPrefix:e,renderLabel:t,renderOption:n,nodeProps:r,tmNode:{rawNode:i}}=this,a=r?.(i),o=t?t(i,!1):Be(i[this.labelField],i,!1),s=v(`div`,Object.assign({},a,{class:[`${e}-base-select-group-header`,a?.class]}),o);return i.render?i.render({node:s,option:i}):n?n({node:s,option:i,selected:!1}):s}});function Lt(e,t){return v(H,{name:`fade-in-scale-up-transition`},{default:()=>e?v(Z,{clsPrefix:t,class:`${t}-base-select-option__check`},{default:()=>v(Ve)}):null})}var Rt=_({name:`NBaseSelectOption`,props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(t){let{valueRef:n,pendingTmNodeRef:r,multipleRef:i,valueSetRef:a,renderLabelRef:o,renderOptionRef:s,labelFieldRef:c,valueFieldRef:l,showCheckmarkRef:u,nodePropsRef:d,handleOptionClick:f,handleOptionMouseEnter:p}=e(re),m=B(()=>{let{value:e}=r;return e?t.tmNode.key===e.key:!1});function h(e){let{tmNode:n}=t;n.disabled||f(e,n)}function g(e){let{tmNode:n}=t;n.disabled||p(e,n)}function _(e){let{tmNode:n}=t,{value:r}=m;n.disabled||r||p(e,n)}return{multiple:i,isGrouped:B(()=>{let{tmNode:e}=t,{parent:n}=e;return n&&n.rawNode.type===`group`}),showCheckmark:u,nodeProps:d,isPending:m,isSelected:B(()=>{let{value:e}=n,{value:r}=i;if(e===null)return!1;let o=t.tmNode.rawNode[l.value];if(r){let{value:e}=a;return e.has(o)}else return e===o}),labelField:c,renderLabel:o,renderOption:s,handleMouseMove:_,handleMouseEnter:g,handleClick:h}},render(){let{clsPrefix:e,tmNode:{rawNode:t},isSelected:n,isPending:r,isGrouped:i,showCheckmark:a,nodeProps:o,renderOption:s,renderLabel:c,handleClick:l,handleMouseEnter:u,handleMouseMove:d}=this,f=Lt(n,e),p=c?[c(t,n),a&&f]:[Be(t[this.labelField],t,n),a&&f],m=o?.(t),h=v(`div`,Object.assign({},m,{class:[`${e}-base-select-option`,t.class,m?.class,{[`${e}-base-select-option--disabled`]:t.disabled,[`${e}-base-select-option--selected`]:n,[`${e}-base-select-option--grouped`]:i,[`${e}-base-select-option--pending`]:r,[`${e}-base-select-option--show-checkmark`]:a}],style:[m?.style||``,t.style||``],onClick:ze([l,m?.onClick]),onMouseenter:ze([u,m?.onMouseenter]),onMousemove:ze([d,m?.onMousemove])}),v(`div`,{class:`${e}-base-select-option__content`},p));return t.render?t.render({node:h,option:t,selected:n}):s?s({node:h,option:t,selected:n}):h}}),{cubicBezierEaseIn:zt,cubicBezierEaseOut:Bt}=O;function Vt({transformOrigin:e=`inherit`,duration:t=`.2s`,enterScale:n=`.9`,originalTransform:r=``,originalTransition:i=``}={}){return[D(`&.fade-in-scale-up-transition-leave-active`,{transformOrigin:e,transition:`opacity ${t} ${zt}, transform ${t} ${zt} ${i&&`,${i}`}`}),D(`&.fade-in-scale-up-transition-enter-active`,{transformOrigin:e,transition:`opacity ${t} ${Bt}, transform ${t} ${Bt} ${i&&`,${i}`}`}),D(`&.fade-in-scale-up-transition-enter-from, &.fade-in-scale-up-transition-leave-to`,{opacity:0,transform:`${r} scale(${n})`}),D(`&.fade-in-scale-up-transition-leave-from, &.fade-in-scale-up-transition-enter-to`,{opacity:1,transform:`${r} scale(1)`})]}var Ht=F(`base-select-menu`,`
|
|
69
|
+
line-height: 1.5;
|
|
70
|
+
outline: none;
|
|
71
|
+
z-index: 0;
|
|
72
|
+
position: relative;
|
|
73
|
+
border-radius: var(--n-border-radius);
|
|
74
|
+
transition:
|
|
75
|
+
background-color .3s var(--n-bezier),
|
|
76
|
+
box-shadow .3s var(--n-bezier);
|
|
77
|
+
background-color: var(--n-color);
|
|
78
|
+
`,[F(`scrollbar`,`
|
|
79
|
+
max-height: var(--n-height);
|
|
80
|
+
`),F(`virtual-list`,`
|
|
81
|
+
max-height: var(--n-height);
|
|
82
|
+
`),F(`base-select-option`,`
|
|
83
|
+
min-height: var(--n-option-height);
|
|
84
|
+
font-size: var(--n-option-font-size);
|
|
85
|
+
display: flex;
|
|
86
|
+
align-items: center;
|
|
87
|
+
`,[k(`content`,`
|
|
88
|
+
z-index: 1;
|
|
89
|
+
white-space: nowrap;
|
|
90
|
+
text-overflow: ellipsis;
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
`)]),F(`base-select-group-header`,`
|
|
93
|
+
min-height: var(--n-option-height);
|
|
94
|
+
font-size: .93em;
|
|
95
|
+
display: flex;
|
|
96
|
+
align-items: center;
|
|
97
|
+
`),F(`base-select-menu-option-wrapper`,`
|
|
98
|
+
position: relative;
|
|
99
|
+
width: 100%;
|
|
100
|
+
`),k(`loading, empty`,`
|
|
101
|
+
display: flex;
|
|
102
|
+
padding: 12px 32px;
|
|
103
|
+
flex: 1;
|
|
104
|
+
justify-content: center;
|
|
105
|
+
`),k(`loading`,`
|
|
106
|
+
color: var(--n-loading-color);
|
|
107
|
+
font-size: var(--n-loading-size);
|
|
108
|
+
`),k(`header`,`
|
|
109
|
+
padding: 8px var(--n-option-padding-left);
|
|
110
|
+
font-size: var(--n-option-font-size);
|
|
111
|
+
transition:
|
|
112
|
+
color .3s var(--n-bezier),
|
|
113
|
+
border-color .3s var(--n-bezier);
|
|
114
|
+
border-bottom: 1px solid var(--n-action-divider-color);
|
|
115
|
+
color: var(--n-action-text-color);
|
|
116
|
+
`),k(`action`,`
|
|
117
|
+
padding: 8px var(--n-option-padding-left);
|
|
118
|
+
font-size: var(--n-option-font-size);
|
|
119
|
+
transition:
|
|
120
|
+
color .3s var(--n-bezier),
|
|
121
|
+
border-color .3s var(--n-bezier);
|
|
122
|
+
border-top: 1px solid var(--n-action-divider-color);
|
|
123
|
+
color: var(--n-action-text-color);
|
|
124
|
+
`),F(`base-select-group-header`,`
|
|
125
|
+
position: relative;
|
|
126
|
+
cursor: default;
|
|
127
|
+
padding: var(--n-option-padding);
|
|
128
|
+
color: var(--n-group-header-text-color);
|
|
129
|
+
`),F(`base-select-option`,`
|
|
130
|
+
cursor: pointer;
|
|
131
|
+
position: relative;
|
|
132
|
+
padding: var(--n-option-padding);
|
|
133
|
+
transition:
|
|
134
|
+
color .3s var(--n-bezier),
|
|
135
|
+
opacity .3s var(--n-bezier);
|
|
136
|
+
box-sizing: border-box;
|
|
137
|
+
color: var(--n-option-text-color);
|
|
138
|
+
opacity: 1;
|
|
139
|
+
`,[j(`show-checkmark`,`
|
|
140
|
+
padding-right: calc(var(--n-option-padding-right) + 20px);
|
|
141
|
+
`),D(`&::before`,`
|
|
142
|
+
content: "";
|
|
143
|
+
position: absolute;
|
|
144
|
+
left: 4px;
|
|
145
|
+
right: 4px;
|
|
146
|
+
top: 0;
|
|
147
|
+
bottom: 0;
|
|
148
|
+
border-radius: var(--n-border-radius);
|
|
149
|
+
transition: background-color .3s var(--n-bezier);
|
|
150
|
+
`),D(`&:active`,`
|
|
151
|
+
color: var(--n-option-text-color-pressed);
|
|
152
|
+
`),j(`grouped`,`
|
|
153
|
+
padding-left: calc(var(--n-option-padding-left) * 1.5);
|
|
154
|
+
`),j(`pending`,[D(`&::before`,`
|
|
155
|
+
background-color: var(--n-option-color-pending);
|
|
156
|
+
`)]),j(`selected`,`
|
|
157
|
+
color: var(--n-option-text-color-active);
|
|
158
|
+
`,[D(`&::before`,`
|
|
159
|
+
background-color: var(--n-option-color-active);
|
|
160
|
+
`),j(`pending`,[D(`&::before`,`
|
|
161
|
+
background-color: var(--n-option-color-active-pending);
|
|
162
|
+
`)])]),j(`disabled`,`
|
|
163
|
+
cursor: not-allowed;
|
|
164
|
+
`,[L(`selected`,`
|
|
165
|
+
color: var(--n-option-text-color-disabled);
|
|
166
|
+
`),j(`selected`,`
|
|
167
|
+
opacity: var(--n-option-opacity-disabled);
|
|
168
|
+
`)]),k(`check`,`
|
|
169
|
+
font-size: 16px;
|
|
170
|
+
position: absolute;
|
|
171
|
+
right: calc(var(--n-option-padding-right) - 4px);
|
|
172
|
+
top: calc(50% - 7px);
|
|
173
|
+
color: var(--n-option-check-color);
|
|
174
|
+
transition: color .3s var(--n-bezier);
|
|
175
|
+
`,[Vt({enterScale:`0.5`})])])]),Ut=_({name:`InternalSelectMenu`,props:Object.assign(Object.assign({},P.props),{clsPrefix:{type:String,required:!0},scrollable:{type:Boolean,default:!0},treeMate:{type:Object,required:!0},multiple:Boolean,size:{type:String,default:`medium`},value:{type:[String,Number,Array],default:null},autoPending:Boolean,virtualScroll:{type:Boolean,default:!0},show:{type:Boolean,default:!0},labelField:{type:String,default:`label`},valueField:{type:String,default:`value`},loading:Boolean,focusable:Boolean,renderLabel:Function,renderOption:Function,nodeProps:Function,showCheckmark:{type:Boolean,default:!0},onMousedown:Function,onScroll:Function,onFocus:Function,onBlur:Function,onKeyup:Function,onKeydown:Function,onTabOut:Function,onMouseenter:Function,onMouseleave:Function,onResize:Function,resetMenuOnOptionsChange:{type:Boolean,default:!0},inlineThemeDisabled:Boolean,scrollbarProps:Object,onToggle:Function}),setup(e){let{mergedClsPrefixRef:t,mergedRtlRef:i,mergedComponentPropsRef:o}=S(e),s=A(`InternalSelectMenu`,i,t),l=P(`InternalSelectMenu`,`-internal-select-menu`,Ht,Ft,e,u(e,`clsPrefix`)),d=g(null),f=g(null),p=g(null),_=h(()=>e.treeMate.getFlattenedNodes()),v=h(()=>lt(_.value)),y=g(null);function b(){let{treeMate:t}=e,n=null,{value:r}=e;r===null?n=t.getFirstAvailableNode():(n=e.multiple?t.getNode((r||[])[(r||[]).length-1]):t.getNode(r),(!n||n.disabled)&&(n=t.getFirstAvailableNode())),ne(n||null)}function x(){let{value:t}=y;t&&!e.treeMate.getNode(t.key)&&(y.value=null)}let w;c(()=>e.show,t=>{t?w=c(()=>e.treeMate,()=>{e.resetMenuOnOptionsChange?(e.autoPending?b():x(),n(U)):x()},{immediate:!0}):w?.()},{immediate:!0}),m(()=>{w?.()});let T=h(()=>se(l.value.self[I(`optionHeight`,e.size)])),E=h(()=>_e(l.value.self[I(`padding`,e.size)])),D=h(()=>e.multiple&&Array.isArray(e.value)?new Set(e.value):new Set),O=h(()=>{let e=_.value;return e&&e.length===0}),k=h(()=>o?.value?.Select?.renderEmpty);function j(t){let{onToggle:n}=e;n&&n(t)}function M(t){let{onScroll:n}=e;n&&n(t)}function N(e){var t;(t=p.value)==null||t.sync(),M(e)}function F(){var e;(e=p.value)==null||e.sync()}function ee(){let{value:e}=y;return e||null}function L(e,t){t.disabled||ne(t,!1)}function R(e,t){t.disabled||j(t)}function z(t){var n;be(t,`action`)||(n=e.onKeyup)==null||n.call(e,t)}function B(t){var n;be(t,`action`)||(n=e.onKeydown)==null||n.call(e,t)}function V(t){var n;(n=e.onMousedown)==null||n.call(e,t),!e.focusable&&t.preventDefault()}function te(){let{value:e}=y;e&&ne(e.getNext({loop:!0}),!0)}function H(){let{value:e}=y;e&&ne(e.getPrev({loop:!0}),!0)}function ne(e,t=!1){y.value=e,t&&U()}function U(){var t,n;let r=y.value;if(!r)return;let i=v.value(r.key);i!==null&&(e.virtualScroll?(t=f.value)==null||t.scrollTo({index:i}):(n=p.value)==null||n.scrollTo({index:i,elSize:T.value}))}function W(t){var n;d.value?.contains(t.target)&&((n=e.onFocus)==null||n.call(e,t))}function G(t){var n;d.value?.contains(t.relatedTarget)||(n=e.onBlur)==null||n.call(e,t)}r(re,{handleOptionMouseEnter:L,handleOptionClick:R,valueSetRef:D,pendingTmNodeRef:y,nodePropsRef:u(e,`nodeProps`),showCheckmarkRef:u(e,`showCheckmark`),multipleRef:u(e,`multiple`),valueRef:u(e,`value`),renderLabelRef:u(e,`renderLabel`),renderOptionRef:u(e,`renderOption`),labelFieldRef:u(e,`labelField`),valueFieldRef:u(e,`valueField`)}),r(ie,d),a(()=>{let{value:e}=p;e&&e.sync()});let K=h(()=>{let{size:t}=e,{common:{cubicBezierEaseInOut:n},self:{height:r,borderRadius:i,color:a,groupHeaderTextColor:o,actionDividerColor:s,optionTextColorPressed:c,optionTextColor:u,optionTextColorDisabled:d,optionTextColorActive:f,optionOpacityDisabled:p,optionCheckColor:m,actionTextColor:h,optionColorPending:g,optionColorActive:_,loadingColor:v,loadingSize:y,optionColorActivePending:b,[I(`optionFontSize`,t)]:x,[I(`optionHeight`,t)]:S,[I(`optionPadding`,t)]:C}}=l.value;return{"--n-height":r,"--n-action-divider-color":s,"--n-action-text-color":h,"--n-bezier":n,"--n-border-radius":i,"--n-color":a,"--n-option-font-size":x,"--n-group-header-text-color":o,"--n-option-check-color":m,"--n-option-color-pending":g,"--n-option-color-active":_,"--n-option-color-active-pending":b,"--n-option-height":S,"--n-option-opacity-disabled":p,"--n-option-text-color":u,"--n-option-text-color-active":f,"--n-option-text-color-disabled":d,"--n-option-text-color-pressed":c,"--n-option-padding":C,"--n-option-padding-left":_e(C,`left`),"--n-option-padding-right":_e(C,`right`),"--n-loading-color":v,"--n-loading-size":y}}),{inlineThemeDisabled:ae}=e,q=ae?C(`internal-select-menu`,h(()=>e.size[0]),K,e):void 0,J={selfRef:d,next:te,prev:H,getPendingTmNode:ee};return Pe(d,e.onResize),Object.assign({mergedTheme:l,mergedClsPrefix:t,rtlEnabled:s,virtualListRef:f,scrollbarRef:p,itemSize:T,padding:E,flattenedNodes:_,empty:O,mergedRenderEmpty:k,virtualListContainer(){let{value:e}=f;return e?.listElRef},virtualListContent(){let{value:e}=f;return e?.itemsElRef},doScroll:M,handleFocusin:W,handleFocusout:G,handleKeyUp:z,handleKeyDown:B,handleMouseDown:V,handleVirtualListResize:F,handleVirtualListScroll:N,cssVars:ae?void 0:K,themeClass:q?.themeClass,onRender:q?.onRender},J)},render(){let{$slots:e,virtualScroll:t,clsPrefix:n,mergedTheme:r,themeClass:i,onRender:a}=this;return a?.(),v(`div`,{ref:`selfRef`,tabindex:this.focusable?0:-1,class:[`${n}-base-select-menu`,`${n}-base-select-menu--${this.size}-size`,this.rtlEnabled&&`${n}-base-select-menu--rtl`,i,this.multiple&&`${n}-base-select-menu--multiple`],style:this.cssVars,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout,onKeyup:this.handleKeyUp,onKeydown:this.handleKeyDown,onMousedown:this.handleMouseDown,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},T(e.header,e=>e&&v(`div`,{class:`${n}-base-select-menu__header`,"data-header":!0,key:`header`},e)),this.loading?v(`div`,{class:`${n}-base-select-menu__loading`},v(M,{clsPrefix:n,strokeWidth:20})):this.empty?v(`div`,{class:`${n}-base-select-menu__empty`,"data-empty":!0},R(e.empty,()=>[this.mergedRenderEmpty?.call(this)||v(Mt,{theme:r.peers.Empty,themeOverrides:r.peerOverrides.Empty,size:this.size})])):v(ge,Object.assign({ref:`scrollbarRef`,theme:r.peers.Scrollbar,themeOverrides:r.peerOverrides.Scrollbar,scrollable:this.scrollable,container:t?this.virtualListContainer:void 0,content:t?this.virtualListContent:void 0,onScroll:t?void 0:this.doScroll},this.scrollbarProps),{default:()=>t?v(je,{ref:`virtualListRef`,class:`${n}-virtual-list`,items:this.flattenedNodes,itemSize:this.itemSize,showScrollbar:!1,paddingTop:this.padding.top,paddingBottom:this.padding.bottom,onResize:this.handleVirtualListResize,onScroll:this.handleVirtualListScroll,itemResizable:!0},{default:({item:e})=>e.isGroup?v(It,{key:e.key,clsPrefix:n,tmNode:e}):e.ignored?null:v(Rt,{clsPrefix:n,key:e.key,tmNode:e})}):v(`div`,{class:`${n}-base-select-menu-option-wrapper`,style:{paddingTop:this.padding.top,paddingBottom:this.padding.bottom}},this.flattenedNodes.map(e=>e.isGroup?v(It,{key:e.key,clsPrefix:n,tmNode:e}):v(Rt,{clsPrefix:n,key:e.key,tmNode:e})))}),T(e.action,e=>e&&[v(`div`,{class:`${n}-base-select-menu__action`,"data-action":!0,key:`action`},e),v(Ke,{onFocus:this.onTabOut,key:`focus-detector`})]))}}),Wt={closeIconSizeTiny:`12px`,closeIconSizeSmall:`12px`,closeIconSizeMedium:`14px`,closeIconSizeLarge:`14px`,closeSizeTiny:`16px`,closeSizeSmall:`16px`,closeSizeMedium:`18px`,closeSizeLarge:`18px`,padding:`0 7px`,closeMargin:`0 0 0 4px`};function Gt(e){let{textColor2:t,primaryColorHover:n,primaryColorPressed:r,primaryColor:i,infoColor:a,successColor:o,warningColor:s,errorColor:c,baseColor:l,borderColor:u,opacityDisabled:d,tagColor:f,closeIconColor:p,closeIconColorHover:m,closeIconColorPressed:h,borderRadiusSmall:g,fontSizeMini:_,fontSizeTiny:v,fontSizeSmall:y,fontSizeMedium:b,heightMini:x,heightTiny:S,heightSmall:C,heightMedium:w,closeColorHover:T,closeColorPressed:E,buttonColor2Hover:D,buttonColor2Pressed:O,fontWeightStrong:k}=e;return Object.assign(Object.assign({},Wt),{closeBorderRadius:g,heightTiny:x,heightSmall:S,heightMedium:C,heightLarge:w,borderRadius:g,opacityDisabled:d,fontSizeTiny:_,fontSizeSmall:v,fontSizeMedium:y,fontSizeLarge:b,fontWeightStrong:k,textColorCheckable:t,textColorHoverCheckable:t,textColorPressedCheckable:t,textColorChecked:l,colorCheckable:`#0000`,colorHoverCheckable:D,colorPressedCheckable:O,colorChecked:i,colorCheckedHover:n,colorCheckedPressed:r,border:`1px solid ${u}`,textColor:t,color:f,colorBordered:`rgb(250, 250, 252)`,closeIconColor:p,closeIconColorHover:m,closeIconColorPressed:h,closeColorHover:T,closeColorPressed:E,borderPrimary:`1px solid ${N(i,{alpha:.3})}`,textColorPrimary:i,colorPrimary:N(i,{alpha:.12}),colorBorderedPrimary:N(i,{alpha:.1}),closeIconColorPrimary:i,closeIconColorHoverPrimary:i,closeIconColorPressedPrimary:i,closeColorHoverPrimary:N(i,{alpha:.12}),closeColorPressedPrimary:N(i,{alpha:.18}),borderInfo:`1px solid ${N(a,{alpha:.3})}`,textColorInfo:a,colorInfo:N(a,{alpha:.12}),colorBorderedInfo:N(a,{alpha:.1}),closeIconColorInfo:a,closeIconColorHoverInfo:a,closeIconColorPressedInfo:a,closeColorHoverInfo:N(a,{alpha:.12}),closeColorPressedInfo:N(a,{alpha:.18}),borderSuccess:`1px solid ${N(o,{alpha:.3})}`,textColorSuccess:o,colorSuccess:N(o,{alpha:.12}),colorBorderedSuccess:N(o,{alpha:.1}),closeIconColorSuccess:o,closeIconColorHoverSuccess:o,closeIconColorPressedSuccess:o,closeColorHoverSuccess:N(o,{alpha:.12}),closeColorPressedSuccess:N(o,{alpha:.18}),borderWarning:`1px solid ${N(s,{alpha:.35})}`,textColorWarning:s,colorWarning:N(s,{alpha:.15}),colorBorderedWarning:N(s,{alpha:.12}),closeIconColorWarning:s,closeIconColorHoverWarning:s,closeIconColorPressedWarning:s,closeColorHoverWarning:N(s,{alpha:.12}),closeColorPressedWarning:N(s,{alpha:.18}),borderError:`1px solid ${N(c,{alpha:.23})}`,textColorError:c,colorError:N(c,{alpha:.1}),colorBorderedError:N(c,{alpha:.08}),closeIconColorError:c,closeIconColorHoverError:c,closeIconColorPressedError:c,closeColorHoverError:N(c,{alpha:.12}),closeColorPressedError:N(c,{alpha:.18})})}var Kt={name:`Tag`,common:z,self:Gt},qt={color:Object,type:{type:String,default:`default`},round:Boolean,size:String,closable:Boolean,disabled:{type:Boolean,default:void 0}},Jt=F(`tag`,`
|
|
176
|
+
--n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);
|
|
177
|
+
white-space: nowrap;
|
|
178
|
+
position: relative;
|
|
179
|
+
box-sizing: border-box;
|
|
180
|
+
cursor: default;
|
|
181
|
+
display: inline-flex;
|
|
182
|
+
align-items: center;
|
|
183
|
+
flex-wrap: nowrap;
|
|
184
|
+
padding: var(--n-padding);
|
|
185
|
+
border-radius: var(--n-border-radius);
|
|
186
|
+
color: var(--n-text-color);
|
|
187
|
+
background-color: var(--n-color);
|
|
188
|
+
transition:
|
|
189
|
+
border-color .3s var(--n-bezier),
|
|
190
|
+
background-color .3s var(--n-bezier),
|
|
191
|
+
color .3s var(--n-bezier),
|
|
192
|
+
box-shadow .3s var(--n-bezier),
|
|
193
|
+
opacity .3s var(--n-bezier);
|
|
194
|
+
line-height: 1;
|
|
195
|
+
height: var(--n-height);
|
|
196
|
+
font-size: var(--n-font-size);
|
|
197
|
+
`,[j(`strong`,`
|
|
198
|
+
font-weight: var(--n-font-weight-strong);
|
|
199
|
+
`),k(`border`,`
|
|
200
|
+
pointer-events: none;
|
|
201
|
+
position: absolute;
|
|
202
|
+
left: 0;
|
|
203
|
+
right: 0;
|
|
204
|
+
top: 0;
|
|
205
|
+
bottom: 0;
|
|
206
|
+
border-radius: inherit;
|
|
207
|
+
border: var(--n-border);
|
|
208
|
+
transition: border-color .3s var(--n-bezier);
|
|
209
|
+
`),k(`icon`,`
|
|
210
|
+
display: flex;
|
|
211
|
+
margin: 0 4px 0 0;
|
|
212
|
+
color: var(--n-text-color);
|
|
213
|
+
transition: color .3s var(--n-bezier);
|
|
214
|
+
font-size: var(--n-avatar-size-override);
|
|
215
|
+
`),k(`avatar`,`
|
|
216
|
+
display: flex;
|
|
217
|
+
margin: 0 6px 0 0;
|
|
218
|
+
`),k(`close`,`
|
|
219
|
+
margin: var(--n-close-margin);
|
|
220
|
+
transition:
|
|
221
|
+
background-color .3s var(--n-bezier),
|
|
222
|
+
color .3s var(--n-bezier);
|
|
223
|
+
`),j(`round`,`
|
|
224
|
+
padding: 0 calc(var(--n-height) / 3);
|
|
225
|
+
border-radius: calc(var(--n-height) / 2);
|
|
226
|
+
`,[k(`icon`,`
|
|
227
|
+
margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
|
|
228
|
+
`),k(`avatar`,`
|
|
229
|
+
margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
|
|
230
|
+
`),j(`closable`,`
|
|
231
|
+
padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
|
|
232
|
+
`)]),j(`icon, avatar`,[j(`round`,`
|
|
233
|
+
padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
|
|
234
|
+
`)]),j(`disabled`,`
|
|
235
|
+
cursor: not-allowed !important;
|
|
236
|
+
opacity: var(--n-opacity-disabled);
|
|
237
|
+
`),j(`checkable`,`
|
|
238
|
+
cursor: pointer;
|
|
239
|
+
box-shadow: none;
|
|
240
|
+
color: var(--n-text-color-checkable);
|
|
241
|
+
background-color: var(--n-color-checkable);
|
|
242
|
+
`,[L(`disabled`,[D(`&:hover`,`background-color: var(--n-color-hover-checkable);`,[L(`checked`,`color: var(--n-text-color-hover-checkable);`)]),D(`&:active`,`background-color: var(--n-color-pressed-checkable);`,[L(`checked`,`color: var(--n-text-color-pressed-checkable);`)])]),j(`checked`,`
|
|
243
|
+
color: var(--n-text-color-checked);
|
|
244
|
+
background-color: var(--n-color-checked);
|
|
245
|
+
`,[L(`disabled`,[D(`&:hover`,`background-color: var(--n-color-checked-hover);`),D(`&:active`,`background-color: var(--n-color-checked-pressed);`)])])])]),Yt=Object.assign(Object.assign(Object.assign({},P.props),qt),{bordered:{type:Boolean,default:void 0},checked:Boolean,checkable:Boolean,strong:Boolean,triggerClickOnClose:Boolean,onClose:[Array,Function],onMouseenter:Function,onMouseleave:Function,"onUpdate:checked":Function,onUpdateChecked:Function,internalCloseFocusable:{type:Boolean,default:!0},internalCloseIsButtonTag:{type:Boolean,default:!0},onCheckedChange:Function}),Xt=V(`n-tag`),Zt=_({name:`Tag`,props:Yt,slots:Object,setup(e){let t=g(null),{mergedBorderedRef:n,mergedClsPrefixRef:i,inlineThemeDisabled:a,mergedRtlRef:o,mergedComponentPropsRef:s}=S(e),c=h(()=>e.size||s?.value?.Tag?.size||`medium`),l=P(`Tag`,`-tag`,Jt,Kt,e,i);r(Xt,{roundRef:u(e,`round`)});function d(){if(!e.disabled&&e.checkable){let{checked:t,onCheckedChange:n,onUpdateChecked:r,"onUpdate:checked":i}=e;r&&r(!t),i&&i(!t),n&&n(!t)}}function f(t){if(e.triggerClickOnClose||t.stopPropagation(),!e.disabled){let{onClose:n}=e;n&&w(n,t)}}let p={setTextContent(e){let{value:n}=t;n&&(n.textContent=e)}},m=A(`Tag`,o,i),_=h(()=>{let{type:t,color:{color:r,textColor:i}={}}=e,a=c.value,{common:{cubicBezierEaseInOut:o},self:{padding:s,closeMargin:u,borderRadius:d,opacityDisabled:f,textColorCheckable:p,textColorHoverCheckable:m,textColorPressedCheckable:h,textColorChecked:g,colorCheckable:_,colorHoverCheckable:v,colorPressedCheckable:y,colorChecked:b,colorCheckedHover:x,colorCheckedPressed:S,closeBorderRadius:C,fontWeightStrong:w,[I(`colorBordered`,t)]:T,[I(`closeSize`,a)]:E,[I(`closeIconSize`,a)]:D,[I(`fontSize`,a)]:O,[I(`height`,a)]:k,[I(`color`,t)]:A,[I(`textColor`,t)]:j,[I(`border`,t)]:M,[I(`closeIconColor`,t)]:N,[I(`closeIconColorHover`,t)]:P,[I(`closeIconColorPressed`,t)]:F,[I(`closeColorHover`,t)]:ee,[I(`closeColorPressed`,t)]:L}}=l.value,R=_e(u);return{"--n-font-weight-strong":w,"--n-avatar-size-override":`calc(${k} - 8px)`,"--n-bezier":o,"--n-border-radius":d,"--n-border":M,"--n-close-icon-size":D,"--n-close-color-pressed":L,"--n-close-color-hover":ee,"--n-close-border-radius":C,"--n-close-icon-color":N,"--n-close-icon-color-hover":P,"--n-close-icon-color-pressed":F,"--n-close-icon-color-disabled":N,"--n-close-margin-top":R.top,"--n-close-margin-right":R.right,"--n-close-margin-bottom":R.bottom,"--n-close-margin-left":R.left,"--n-close-size":E,"--n-color":r||(n.value?T:A),"--n-color-checkable":_,"--n-color-checked":b,"--n-color-checked-hover":x,"--n-color-checked-pressed":S,"--n-color-hover-checkable":v,"--n-color-pressed-checkable":y,"--n-font-size":O,"--n-height":k,"--n-opacity-disabled":f,"--n-padding":s,"--n-text-color":i||j,"--n-text-color-checkable":p,"--n-text-color-checked":g,"--n-text-color-hover-checkable":m,"--n-text-color-pressed-checkable":h}}),v=a?C(`tag`,h(()=>{let t=``,{type:r,color:{color:i,textColor:a}={}}=e;return t+=r[0],t+=c.value[0],i&&(t+=`a${ve(i)}`),a&&(t+=`b${ve(a)}`),n.value&&(t+=`c`),t}),_,e):void 0;return Object.assign(Object.assign({},p),{rtlEnabled:m,mergedClsPrefix:i,contentRef:t,mergedBordered:n,handleClick:d,handleCloseClick:f,cssVars:a?void 0:_,themeClass:v?.themeClass,onRender:v?.onRender})},render(){var e;let{mergedClsPrefix:t,rtlEnabled:n,closable:r,color:{borderColor:i}={},round:a,onRender:o,$slots:s}=this;o?.();let c=T(s.avatar,e=>e&&v(`div`,{class:`${t}-tag__avatar`},e)),l=T(s.icon,e=>e&&v(`div`,{class:`${t}-tag__icon`},e));return v(`div`,{class:[`${t}-tag`,this.themeClass,{[`${t}-tag--rtl`]:n,[`${t}-tag--strong`]:this.strong,[`${t}-tag--disabled`]:this.disabled,[`${t}-tag--checkable`]:this.checkable,[`${t}-tag--checked`]:this.checkable&&this.checked,[`${t}-tag--round`]:a,[`${t}-tag--avatar`]:c,[`${t}-tag--icon`]:l,[`${t}-tag--closable`]:r}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},l||c,v(`span`,{class:`${t}-tag__content`,ref:`contentRef`},(e=this.$slots).default?.call(e)),!this.checkable&&r?v(Ge,{clsPrefix:t,class:`${t}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:a,isButtonTag:this.internalCloseIsButtonTag,absolute:!0}):null,!this.checkable&&this.mergedBordered?v(`div`,{class:`${t}-tag__border`,style:{borderColor:i}}):null)}}),Qt={paddingSingle:`0 26px 0 12px`,paddingMultiple:`3px 26px 0 12px`,clearSize:`16px`,arrowSize:`16px`};function $t(e){let{borderRadius:t,textColor2:n,textColorDisabled:r,inputColor:i,inputColorDisabled:a,primaryColor:o,primaryColorHover:s,warningColor:c,warningColorHover:l,errorColor:u,errorColorHover:d,borderColor:f,iconColor:p,iconColorDisabled:m,clearColor:h,clearColorHover:g,clearColorPressed:_,placeholderColor:v,placeholderColorDisabled:y,fontSizeTiny:b,fontSizeSmall:x,fontSizeMedium:S,fontSizeLarge:C,heightTiny:w,heightSmall:T,heightMedium:E,heightLarge:D,fontWeight:O}=e;return Object.assign(Object.assign({},Qt),{fontSizeTiny:b,fontSizeSmall:x,fontSizeMedium:S,fontSizeLarge:C,heightTiny:w,heightSmall:T,heightMedium:E,heightLarge:D,borderRadius:t,fontWeight:O,textColor:n,textColorDisabled:r,placeholderColor:v,placeholderColorDisabled:y,color:i,colorDisabled:a,colorActive:i,border:`1px solid ${f}`,borderHover:`1px solid ${s}`,borderActive:`1px solid ${o}`,borderFocus:`1px solid ${s}`,boxShadowHover:`none`,boxShadowActive:`0 0 0 2px ${N(o,{alpha:.2})}`,boxShadowFocus:`0 0 0 2px ${N(o,{alpha:.2})}`,caretColor:o,arrowColor:p,arrowColorDisabled:m,loadingColor:o,borderWarning:`1px solid ${c}`,borderHoverWarning:`1px solid ${l}`,borderActiveWarning:`1px solid ${c}`,borderFocusWarning:`1px solid ${l}`,boxShadowHoverWarning:`none`,boxShadowActiveWarning:`0 0 0 2px ${N(c,{alpha:.2})}`,boxShadowFocusWarning:`0 0 0 2px ${N(c,{alpha:.2})}`,colorActiveWarning:i,caretColorWarning:c,borderError:`1px solid ${u}`,borderHoverError:`1px solid ${d}`,borderActiveError:`1px solid ${u}`,borderFocusError:`1px solid ${d}`,boxShadowHoverError:`none`,boxShadowActiveError:`0 0 0 2px ${N(u,{alpha:.2})}`,boxShadowFocusError:`0 0 0 2px ${N(u,{alpha:.2})}`,colorActiveError:i,caretColorError:u,clearColor:h,clearColorHover:g,clearColorPressed:_})}var en=E({name:`InternalSelection`,common:z,peers:{Popover:ae},self:$t}),tn=D([F(`base-selection`,`
|
|
246
|
+
--n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right) var(--n-padding-single-bottom) var(--n-padding-single-left);
|
|
247
|
+
--n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-right) var(--n-padding-multiple-bottom) var(--n-padding-multiple-left);
|
|
248
|
+
position: relative;
|
|
249
|
+
z-index: auto;
|
|
250
|
+
box-shadow: none;
|
|
251
|
+
width: 100%;
|
|
252
|
+
max-width: 100%;
|
|
253
|
+
display: inline-block;
|
|
254
|
+
vertical-align: bottom;
|
|
255
|
+
border-radius: var(--n-border-radius);
|
|
256
|
+
min-height: var(--n-height);
|
|
257
|
+
line-height: 1.5;
|
|
258
|
+
font-size: var(--n-font-size);
|
|
259
|
+
`,[F(`base-loading`,`
|
|
260
|
+
color: var(--n-loading-color);
|
|
261
|
+
`),F(`base-selection-tags`,`min-height: var(--n-height);`),k(`border, state-border`,`
|
|
262
|
+
position: absolute;
|
|
263
|
+
left: 0;
|
|
264
|
+
right: 0;
|
|
265
|
+
top: 0;
|
|
266
|
+
bottom: 0;
|
|
267
|
+
pointer-events: none;
|
|
268
|
+
border: var(--n-border);
|
|
269
|
+
border-radius: inherit;
|
|
270
|
+
transition:
|
|
271
|
+
box-shadow .3s var(--n-bezier),
|
|
272
|
+
border-color .3s var(--n-bezier);
|
|
273
|
+
`),k(`state-border`,`
|
|
274
|
+
z-index: 1;
|
|
275
|
+
border-color: #0000;
|
|
276
|
+
`),F(`base-suffix`,`
|
|
277
|
+
cursor: pointer;
|
|
278
|
+
position: absolute;
|
|
279
|
+
top: 50%;
|
|
280
|
+
transform: translateY(-50%);
|
|
281
|
+
right: 10px;
|
|
282
|
+
`,[k(`arrow`,`
|
|
283
|
+
font-size: var(--n-arrow-size);
|
|
284
|
+
color: var(--n-arrow-color);
|
|
285
|
+
transition: color .3s var(--n-bezier);
|
|
286
|
+
`)]),F(`base-selection-overlay`,`
|
|
287
|
+
display: flex;
|
|
288
|
+
align-items: center;
|
|
289
|
+
white-space: nowrap;
|
|
290
|
+
pointer-events: none;
|
|
291
|
+
position: absolute;
|
|
292
|
+
top: 0;
|
|
293
|
+
right: 0;
|
|
294
|
+
bottom: 0;
|
|
295
|
+
left: 0;
|
|
296
|
+
padding: var(--n-padding-single);
|
|
297
|
+
transition: color .3s var(--n-bezier);
|
|
298
|
+
`,[k(`wrapper`,`
|
|
299
|
+
flex-basis: 0;
|
|
300
|
+
flex-grow: 1;
|
|
301
|
+
overflow: hidden;
|
|
302
|
+
text-overflow: ellipsis;
|
|
303
|
+
`)]),F(`base-selection-placeholder`,`
|
|
304
|
+
color: var(--n-placeholder-color);
|
|
305
|
+
`,[k(`inner`,`
|
|
306
|
+
max-width: 100%;
|
|
307
|
+
overflow: hidden;
|
|
308
|
+
`)]),F(`base-selection-tags`,`
|
|
309
|
+
cursor: pointer;
|
|
310
|
+
outline: none;
|
|
311
|
+
box-sizing: border-box;
|
|
312
|
+
position: relative;
|
|
313
|
+
z-index: auto;
|
|
314
|
+
display: flex;
|
|
315
|
+
padding: var(--n-padding-multiple);
|
|
316
|
+
flex-wrap: wrap;
|
|
317
|
+
align-items: center;
|
|
318
|
+
width: 100%;
|
|
319
|
+
vertical-align: bottom;
|
|
320
|
+
background-color: var(--n-color);
|
|
321
|
+
border-radius: inherit;
|
|
322
|
+
transition:
|
|
323
|
+
color .3s var(--n-bezier),
|
|
324
|
+
box-shadow .3s var(--n-bezier),
|
|
325
|
+
background-color .3s var(--n-bezier);
|
|
326
|
+
`),F(`base-selection-label`,`
|
|
327
|
+
height: var(--n-height);
|
|
328
|
+
display: inline-flex;
|
|
329
|
+
width: 100%;
|
|
330
|
+
vertical-align: bottom;
|
|
331
|
+
cursor: pointer;
|
|
332
|
+
outline: none;
|
|
333
|
+
z-index: auto;
|
|
334
|
+
box-sizing: border-box;
|
|
335
|
+
position: relative;
|
|
336
|
+
transition:
|
|
337
|
+
color .3s var(--n-bezier),
|
|
338
|
+
box-shadow .3s var(--n-bezier),
|
|
339
|
+
background-color .3s var(--n-bezier);
|
|
340
|
+
border-radius: inherit;
|
|
341
|
+
background-color: var(--n-color);
|
|
342
|
+
align-items: center;
|
|
343
|
+
`,[F(`base-selection-input`,`
|
|
344
|
+
font-size: inherit;
|
|
345
|
+
line-height: inherit;
|
|
346
|
+
outline: none;
|
|
347
|
+
cursor: pointer;
|
|
348
|
+
box-sizing: border-box;
|
|
349
|
+
border:none;
|
|
350
|
+
width: 100%;
|
|
351
|
+
padding: var(--n-padding-single);
|
|
352
|
+
background-color: #0000;
|
|
353
|
+
color: var(--n-text-color);
|
|
354
|
+
transition: color .3s var(--n-bezier);
|
|
355
|
+
caret-color: var(--n-caret-color);
|
|
356
|
+
`,[k(`content`,`
|
|
357
|
+
text-overflow: ellipsis;
|
|
358
|
+
overflow: hidden;
|
|
359
|
+
white-space: nowrap;
|
|
360
|
+
`)]),k(`render-label`,`
|
|
361
|
+
color: var(--n-text-color);
|
|
362
|
+
`)]),L(`disabled`,[D(`&:hover`,[k(`state-border`,`
|
|
363
|
+
box-shadow: var(--n-box-shadow-hover);
|
|
364
|
+
border: var(--n-border-hover);
|
|
365
|
+
`)]),j(`focus`,[k(`state-border`,`
|
|
366
|
+
box-shadow: var(--n-box-shadow-focus);
|
|
367
|
+
border: var(--n-border-focus);
|
|
368
|
+
`)]),j(`active`,[k(`state-border`,`
|
|
369
|
+
box-shadow: var(--n-box-shadow-active);
|
|
370
|
+
border: var(--n-border-active);
|
|
371
|
+
`),F(`base-selection-label`,`background-color: var(--n-color-active);`),F(`base-selection-tags`,`background-color: var(--n-color-active);`)])]),j(`disabled`,`cursor: not-allowed;`,[k(`arrow`,`
|
|
372
|
+
color: var(--n-arrow-color-disabled);
|
|
373
|
+
`),F(`base-selection-label`,`
|
|
374
|
+
cursor: not-allowed;
|
|
375
|
+
background-color: var(--n-color-disabled);
|
|
376
|
+
`,[F(`base-selection-input`,`
|
|
377
|
+
cursor: not-allowed;
|
|
378
|
+
color: var(--n-text-color-disabled);
|
|
379
|
+
`),k(`render-label`,`
|
|
380
|
+
color: var(--n-text-color-disabled);
|
|
381
|
+
`)]),F(`base-selection-tags`,`
|
|
382
|
+
cursor: not-allowed;
|
|
383
|
+
background-color: var(--n-color-disabled);
|
|
384
|
+
`),F(`base-selection-placeholder`,`
|
|
385
|
+
cursor: not-allowed;
|
|
386
|
+
color: var(--n-placeholder-color-disabled);
|
|
387
|
+
`)]),F(`base-selection-input-tag`,`
|
|
388
|
+
height: calc(var(--n-height) - 6px);
|
|
389
|
+
line-height: calc(var(--n-height) - 6px);
|
|
390
|
+
outline: none;
|
|
391
|
+
display: none;
|
|
392
|
+
position: relative;
|
|
393
|
+
margin-bottom: 3px;
|
|
394
|
+
max-width: 100%;
|
|
395
|
+
vertical-align: bottom;
|
|
396
|
+
`,[k(`input`,`
|
|
397
|
+
font-size: inherit;
|
|
398
|
+
font-family: inherit;
|
|
399
|
+
min-width: 1px;
|
|
400
|
+
padding: 0;
|
|
401
|
+
background-color: #0000;
|
|
402
|
+
outline: none;
|
|
403
|
+
border: none;
|
|
404
|
+
max-width: 100%;
|
|
405
|
+
overflow: hidden;
|
|
406
|
+
width: 1em;
|
|
407
|
+
line-height: inherit;
|
|
408
|
+
cursor: pointer;
|
|
409
|
+
color: var(--n-text-color);
|
|
410
|
+
caret-color: var(--n-caret-color);
|
|
411
|
+
`),k(`mirror`,`
|
|
412
|
+
position: absolute;
|
|
413
|
+
left: 0;
|
|
414
|
+
top: 0;
|
|
415
|
+
white-space: pre;
|
|
416
|
+
visibility: hidden;
|
|
417
|
+
user-select: none;
|
|
418
|
+
-webkit-user-select: none;
|
|
419
|
+
opacity: 0;
|
|
420
|
+
`)]),[`warning`,`error`].map(e=>j(`${e}-status`,[k(`state-border`,`border: var(--n-border-${e});`),L(`disabled`,[D(`&:hover`,[k(`state-border`,`
|
|
421
|
+
box-shadow: var(--n-box-shadow-hover-${e});
|
|
422
|
+
border: var(--n-border-hover-${e});
|
|
423
|
+
`)]),j(`active`,[k(`state-border`,`
|
|
424
|
+
box-shadow: var(--n-box-shadow-active-${e});
|
|
425
|
+
border: var(--n-border-active-${e});
|
|
426
|
+
`),F(`base-selection-label`,`background-color: var(--n-color-active-${e});`),F(`base-selection-tags`,`background-color: var(--n-color-active-${e});`)]),j(`focus`,[k(`state-border`,`
|
|
427
|
+
box-shadow: var(--n-box-shadow-focus-${e});
|
|
428
|
+
border: var(--n-border-focus-${e});
|
|
429
|
+
`)])])]))]),F(`base-selection-popover`,`
|
|
430
|
+
margin-bottom: -3px;
|
|
431
|
+
display: flex;
|
|
432
|
+
flex-wrap: wrap;
|
|
433
|
+
margin-right: -8px;
|
|
434
|
+
`),F(`base-selection-tag-wrapper`,`
|
|
435
|
+
max-width: 100%;
|
|
436
|
+
display: inline-flex;
|
|
437
|
+
padding: 0 7px 3px 0;
|
|
438
|
+
`,[D(`&:last-child`,`padding-right: 0;`),F(`tag`,`
|
|
439
|
+
font-size: 14px;
|
|
440
|
+
max-width: 100%;
|
|
441
|
+
`,[k(`content`,`
|
|
442
|
+
line-height: 1.25;
|
|
443
|
+
text-overflow: ellipsis;
|
|
444
|
+
overflow: hidden;
|
|
445
|
+
`)])])]),nn=_({name:`InternalSelection`,props:Object.assign(Object.assign({},P.props),{clsPrefix:{type:String,required:!0},bordered:{type:Boolean,default:void 0},active:Boolean,pattern:{type:String,default:``},placeholder:String,selectedOption:{type:Object,default:null},selectedOptions:{type:Array,default:null},labelField:{type:String,default:`label`},valueField:{type:String,default:`value`},multiple:Boolean,filterable:Boolean,clearable:Boolean,disabled:Boolean,size:{type:String,default:`medium`},loading:Boolean,autofocus:Boolean,showArrow:{type:Boolean,default:!0},inputProps:Object,focused:Boolean,renderTag:Function,onKeydown:Function,onClick:Function,onBlur:Function,onFocus:Function,onDeleteOption:Function,maxTagCount:[String,Number],ellipsisTagPopoverProps:Object,onClear:Function,onPatternInput:Function,onPatternFocus:Function,onPatternBlur:Function,renderLabel:Function,status:String,inlineThemeDisabled:Boolean,ignoreComposition:{type:Boolean,default:!0},onResize:Function}),setup(e){let{mergedClsPrefixRef:t,mergedRtlRef:r}=S(e),i=A(`InternalSelection`,r,t),o=g(null),s=g(null),d=g(null),f=g(null),p=g(null),m=g(null),_=g(null),v=g(null),y=g(null),b=g(null),x=g(!1),w=g(!1),T=g(!1),E=P(`InternalSelection`,`-internal-selection`,tn,en,e,u(e,`clsPrefix`)),D=h(()=>e.clearable&&!e.disabled&&(T.value||e.active)),O=h(()=>e.selectedOption?e.renderTag?e.renderTag({option:e.selectedOption,handleClose:()=>{}}):e.renderLabel?e.renderLabel(e.selectedOption,!0):Be(e.selectedOption[e.labelField],e.selectedOption,!0):e.placeholder),k=h(()=>{let t=e.selectedOption;if(t)return t[e.labelField]}),j=h(()=>e.multiple?!!(Array.isArray(e.selectedOptions)&&e.selectedOptions.length):e.selectedOption!==null);function M(){var t;let{value:n}=o;if(n){let{value:r}=s;r&&(r.style.width=`${n.offsetWidth}px`,e.maxTagCount!==`responsive`&&((t=y.value)==null||t.sync({showAllItemsBeforeCalculate:!1})))}}function N(){let{value:e}=b;e&&(e.style.display=`none`)}function F(){let{value:e}=b;e&&(e.style.display=`inline-block`)}c(u(e,`active`),e=>{e||N()}),c(u(e,`pattern`),()=>{e.multiple&&n(M)});function ee(t){let{onFocus:n}=e;n&&n(t)}function L(t){let{onBlur:n}=e;n&&n(t)}function R(t){let{onDeleteOption:n}=e;n&&n(t)}function z(t){let{onClear:n}=e;n&&n(t)}function B(t){let{onPatternInput:n}=e;n&&n(t)}function V(e){(!e.relatedTarget||!d.value?.contains(e.relatedTarget))&&ee(e)}function te(e){d.value?.contains(e.relatedTarget)||L(e)}function H(e){z(e)}function ne(){T.value=!0}function re(){T.value=!1}function U(t){!e.active||!e.filterable||t.target!==s.value&&t.preventDefault()}function ie(e){R(e)}let W=g(!1);function G(t){if(t.key===`Backspace`&&!W.value&&!e.pattern.length){let{selectedOptions:t}=e;t?.length&&ie(t[t.length-1])}}let K=null;function ae(t){let{value:n}=o;n&&(n.textContent=t.target.value,M()),e.ignoreComposition&&W.value?K=t:B(t)}function q(){W.value=!0}function J(){W.value=!1,e.ignoreComposition&&B(K),K=null}function Y(t){var n;w.value=!0,(n=e.onPatternFocus)==null||n.call(e,t)}function X(t){var n;w.value=!1,(n=e.onPatternBlur)==null||n.call(e,t)}function oe(){var t,n;if(e.filterable)w.value=!1,(t=m.value)==null||t.blur(),(n=s.value)==null||n.blur();else if(e.multiple){let{value:e}=f;e?.blur()}else{let{value:e}=p;e?.blur()}}function se(){var t,n,r;e.filterable?(w.value=!1,(t=m.value)==null||t.focus()):e.multiple?(n=f.value)==null||n.focus():(r=p.value)==null||r.focus()}function ce(){let{value:e}=s;e&&(F(),e.focus())}function le(){let{value:e}=s;e&&e.blur()}function ue(e){let{value:t}=_;t&&t.setTextContent(`+${e}`)}function de(){let{value:e}=v;return e}function fe(){return s.value}let Z=null;function pe(){Z!==null&&window.clearTimeout(Z)}function me(){e.active||(pe(),Z=window.setTimeout(()=>{j.value&&(x.value=!0)},100))}function he(){pe()}function ge(e){e||(pe(),x.value=!1)}c(j,e=>{e||(x.value=!1)}),a(()=>{l(()=>{let t=m.value;t&&(e.disabled?t.removeAttribute(`tabindex`):t.tabIndex=w.value?-1:0)})}),Pe(d,e.onResize);let{inlineThemeDisabled:Q}=e,ve=h(()=>{let{size:t}=e,{common:{cubicBezierEaseInOut:n},self:{fontWeight:r,borderRadius:i,color:a,placeholderColor:o,textColor:s,paddingSingle:c,paddingMultiple:l,caretColor:u,colorDisabled:d,textColorDisabled:f,placeholderColorDisabled:p,colorActive:m,boxShadowFocus:h,boxShadowActive:g,boxShadowHover:_,border:v,borderFocus:y,borderHover:b,borderActive:x,arrowColor:S,arrowColorDisabled:C,loadingColor:w,colorActiveWarning:T,boxShadowFocusWarning:D,boxShadowActiveWarning:O,boxShadowHoverWarning:k,borderWarning:A,borderFocusWarning:j,borderHoverWarning:M,borderActiveWarning:N,colorActiveError:P,boxShadowFocusError:F,boxShadowActiveError:ee,boxShadowHoverError:L,borderError:R,borderFocusError:z,borderHoverError:B,borderActiveError:V,clearColor:te,clearColorHover:H,clearColorPressed:ne,clearSize:re,arrowSize:U,[I(`height`,t)]:ie,[I(`fontSize`,t)]:W}}=E.value,G=_e(c),K=_e(l);return{"--n-bezier":n,"--n-border":v,"--n-border-active":x,"--n-border-focus":y,"--n-border-hover":b,"--n-border-radius":i,"--n-box-shadow-active":g,"--n-box-shadow-focus":h,"--n-box-shadow-hover":_,"--n-caret-color":u,"--n-color":a,"--n-color-active":m,"--n-color-disabled":d,"--n-font-size":W,"--n-height":ie,"--n-padding-single-top":G.top,"--n-padding-multiple-top":K.top,"--n-padding-single-right":G.right,"--n-padding-multiple-right":K.right,"--n-padding-single-left":G.left,"--n-padding-multiple-left":K.left,"--n-padding-single-bottom":G.bottom,"--n-padding-multiple-bottom":K.bottom,"--n-placeholder-color":o,"--n-placeholder-color-disabled":p,"--n-text-color":s,"--n-text-color-disabled":f,"--n-arrow-color":S,"--n-arrow-color-disabled":C,"--n-loading-color":w,"--n-color-active-warning":T,"--n-box-shadow-focus-warning":D,"--n-box-shadow-active-warning":O,"--n-box-shadow-hover-warning":k,"--n-border-warning":A,"--n-border-focus-warning":j,"--n-border-hover-warning":M,"--n-border-active-warning":N,"--n-color-active-error":P,"--n-box-shadow-focus-error":F,"--n-box-shadow-active-error":ee,"--n-box-shadow-hover-error":L,"--n-border-error":R,"--n-border-focus-error":z,"--n-border-hover-error":B,"--n-border-active-error":V,"--n-clear-size":re,"--n-clear-color":te,"--n-clear-color-hover":H,"--n-clear-color-pressed":ne,"--n-arrow-size":U,"--n-font-weight":r}}),ye=Q?C(`internal-selection`,h(()=>e.size[0]),ve,e):void 0;return{mergedTheme:E,mergedClearable:D,mergedClsPrefix:t,rtlEnabled:i,patternInputFocused:w,filterablePlaceholder:O,label:k,selected:j,showTagsPanel:x,isComposing:W,counterRef:_,counterWrapperRef:v,patternInputMirrorRef:o,patternInputRef:s,selfRef:d,multipleElRef:f,singleElRef:p,patternInputWrapperRef:m,overflowRef:y,inputTagElRef:b,handleMouseDown:U,handleFocusin:V,handleClear:H,handleMouseEnter:ne,handleMouseLeave:re,handleDeleteOption:ie,handlePatternKeyDown:G,handlePatternInputInput:ae,handlePatternInputBlur:X,handlePatternInputFocus:Y,handleMouseEnterCounter:me,handleMouseLeaveCounter:he,handleFocusout:te,handleCompositionEnd:J,handleCompositionStart:q,onPopoverUpdateShow:ge,focus:se,focusInput:ce,blur:oe,blurInput:le,updateCounter:ue,getCounter:de,getTail:fe,renderLabel:e.renderLabel,cssVars:Q?void 0:ve,themeClass:ye?.themeClass,onRender:ye?.onRender}},render(){let{status:e,multiple:t,size:n,disabled:r,filterable:i,maxTagCount:a,bordered:o,clsPrefix:s,ellipsisTagPopoverProps:c,onRender:l,renderTag:u,renderLabel:d}=this;l?.();let p=a===`responsive`,m=typeof a==`number`,h=p||m,g=v(ue,null,{default:()=>v(ye,{clsPrefix:s,loading:this.loading,showArrow:this.showArrow,showClear:this.mergedClearable&&this.selected,onClear:this.handleClear},{default:()=>{var e;return(e=this.$slots).arrow?.call(e)}})}),_;if(t){let{labelField:e}=this,t=t=>v(`div`,{class:`${s}-base-selection-tag-wrapper`,key:t.value},u?u({option:t,handleClose:()=>{this.handleDeleteOption(t)}}):v(Zt,{size:n,closable:!t.disabled,disabled:r,onClose:()=>{this.handleDeleteOption(t)},internalCloseIsButtonTag:!1,internalCloseFocusable:!1},{default:()=>d?d(t,!0):Be(t[e],t,!0)})),o=()=>(m?this.selectedOptions.slice(0,a):this.selectedOptions).map(t),l=i?v(`div`,{class:`${s}-base-selection-input-tag`,ref:`inputTagElRef`,key:`__input-tag__`},v(`input`,Object.assign({},this.inputProps,{ref:`patternInputRef`,tabindex:-1,disabled:r,value:this.pattern,autofocus:this.autofocus,class:`${s}-base-selection-input-tag__input`,onBlur:this.handlePatternInputBlur,onFocus:this.handlePatternInputFocus,onKeydown:this.handlePatternKeyDown,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),v(`span`,{ref:`patternInputMirrorRef`,class:`${s}-base-selection-input-tag__mirror`},this.pattern)):null,y=p?()=>v(`div`,{class:`${s}-base-selection-tag-wrapper`,ref:`counterWrapperRef`},v(Zt,{size:n,ref:`counterRef`,onMouseenter:this.handleMouseEnterCounter,onMouseleave:this.handleMouseLeaveCounter,disabled:r})):void 0,b;if(m){let e=this.selectedOptions.length-a;e>0&&(b=v(`div`,{class:`${s}-base-selection-tag-wrapper`,key:`__counter__`},v(Zt,{size:n,ref:`counterRef`,onMouseenter:this.handleMouseEnterCounter,disabled:r},{default:()=>`+${e}`})))}let x=p?i?v(Ne,{ref:`overflowRef`,updateCounter:this.updateCounter,getCounter:this.getCounter,getTail:this.getTail,style:{width:`100%`,display:`flex`,overflow:`hidden`}},{default:o,counter:y,tail:()=>l}):v(Ne,{ref:`overflowRef`,updateCounter:this.updateCounter,getCounter:this.getCounter,style:{width:`100%`,display:`flex`,overflow:`hidden`}},{default:o,counter:y}):m&&b?o().concat(b):o(),S=h?()=>v(`div`,{class:`${s}-base-selection-popover`},p?o():this.selectedOptions.map(t)):void 0,C=h?Object.assign({show:this.showTagsPanel,trigger:`hover`,overlap:!0,placement:`top`,width:`trigger`,onUpdateShow:this.onPopoverUpdateShow,theme:this.mergedTheme.peers.Popover,themeOverrides:this.mergedTheme.peerOverrides.Popover},c):null,w=!this.selected&&(!this.active||!this.pattern&&!this.isComposing)?v(`div`,{class:`${s}-base-selection-placeholder ${s}-base-selection-overlay`},v(`div`,{class:`${s}-base-selection-placeholder__inner`},this.placeholder)):null,T=i?v(`div`,{ref:`patternInputWrapperRef`,class:`${s}-base-selection-tags`},x,p?null:l,g):v(`div`,{ref:`multipleElRef`,class:`${s}-base-selection-tags`,tabindex:r?void 0:0},x,g);_=v(f,null,h?v(Y,Object.assign({},C,{scrollable:!0,style:`max-height: calc(var(--v-target-height) * 6.6);`}),{trigger:()=>T,default:S}):T,w)}else if(i){let e=this.pattern||this.isComposing,t=this.active?!e:!this.selected,n=this.active?!1:this.selected;_=v(`div`,{ref:`patternInputWrapperRef`,class:`${s}-base-selection-label`,title:this.patternInputFocused?void 0:Re(this.label)},v(`input`,Object.assign({},this.inputProps,{ref:`patternInputRef`,class:`${s}-base-selection-input`,value:this.active?this.pattern:``,placeholder:``,readonly:r,disabled:r,tabindex:-1,autofocus:this.autofocus,onFocus:this.handlePatternInputFocus,onBlur:this.handlePatternInputBlur,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),n?v(`div`,{class:`${s}-base-selection-label__render-label ${s}-base-selection-overlay`,key:`input`},v(`div`,{class:`${s}-base-selection-overlay__wrapper`},u?u({option:this.selectedOption,handleClose:()=>{}}):d?d(this.selectedOption,!0):Be(this.label,this.selectedOption,!0))):null,t?v(`div`,{class:`${s}-base-selection-placeholder ${s}-base-selection-overlay`,key:`placeholder`},v(`div`,{class:`${s}-base-selection-overlay__wrapper`},this.filterablePlaceholder)):null,g)}else _=v(`div`,{ref:`singleElRef`,class:`${s}-base-selection-label`,tabindex:this.disabled?void 0:0},this.label===void 0?v(`div`,{class:`${s}-base-selection-placeholder ${s}-base-selection-overlay`,key:`placeholder`},v(`div`,{class:`${s}-base-selection-placeholder__inner`},this.placeholder)):v(`div`,{class:`${s}-base-selection-input`,title:Re(this.label),key:`input`},v(`div`,{class:`${s}-base-selection-input__content`},u?u({option:this.selectedOption,handleClose:()=>{}}):d?d(this.selectedOption,!0):Be(this.label,this.selectedOption,!0))),g);return v(`div`,{ref:`selfRef`,class:[`${s}-base-selection`,this.rtlEnabled&&`${s}-base-selection--rtl`,this.themeClass,e&&`${s}-base-selection--${e}-status`,{[`${s}-base-selection--active`]:this.active,[`${s}-base-selection--selected`]:this.selected||this.active&&this.pattern,[`${s}-base-selection--disabled`]:this.disabled,[`${s}-base-selection--multiple`]:this.multiple,[`${s}-base-selection--focus`]:this.focused}],style:this.cssVars,onClick:this.onClick,onMouseenter:this.handleMouseEnter,onMouseleave:this.handleMouseLeave,onKeydown:this.onKeydown,onFocusin:this.handleFocusin,onFocusout:this.handleFocusout,onMousedown:this.handleMouseDown},_,o?v(`div`,{class:`${s}-base-selection__border`}):null,o?v(`div`,{class:`${s}-base-selection__state-border`}):null)}});function rn(e){return e.type===`group`}function an(e){return e.type===`ignored`}function on(e,t){try{return!!(1+t.toString().toLowerCase().indexOf(e.trim().toLowerCase()))}catch{return!1}}function sn(e,t){return{getIsGroup:rn,getIgnored:an,getKey(t){return rn(t)?t.name||t.key||`key-required`:t[e]},getChildren(e){return e[t]}}}function cn(e,t,n,r){if(!t)return e;function i(e){if(!Array.isArray(e))return[];let a=[];for(let o of e)if(rn(o)){let e=i(o[r]);e.length&&a.push(Object.assign({},o,{[r]:e}))}else if(an(o))continue;else t(n,o)&&a.push(o);return a}return i(e)}function ln(e,t,n){let r=new Map;return e.forEach(e=>{rn(e)?e[n].forEach(e=>{r.set(e[t],e)}):r.set(e[t],e)}),r}function un(e){let{boxShadow2:t}=e;return{menuBoxShadow:t}}var dn=E({name:`Select`,common:z,peers:{InternalSelection:en,InternalSelectMenu:Ft},self:un}),fn=D([F(`select`,`
|
|
446
|
+
z-index: auto;
|
|
447
|
+
outline: none;
|
|
448
|
+
width: 100%;
|
|
449
|
+
position: relative;
|
|
450
|
+
font-weight: var(--n-font-weight);
|
|
451
|
+
`),F(`select-menu`,`
|
|
452
|
+
margin: 4px 0;
|
|
453
|
+
box-shadow: var(--n-menu-box-shadow);
|
|
454
|
+
`,[Vt({originalTransition:`background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)`})])]),pn=_({name:`Select`,props:Object.assign(Object.assign({},P.props),{to:oe.propTo,bordered:{type:Boolean,default:void 0},clearable:Boolean,clearCreatedOptionsOnClear:{type:Boolean,default:!0},clearFilterAfterSelect:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},defaultValue:{type:[String,Number,Array],default:null},keyboard:{type:Boolean,default:!0},value:[String,Number,Array],placeholder:String,menuProps:Object,multiple:Boolean,size:String,menuSize:{type:String},filterable:Boolean,disabled:{type:Boolean,default:void 0},remote:Boolean,loading:Boolean,filter:Function,placement:{type:String,default:`bottom-start`},widthMode:{type:String,default:`trigger`},tag:Boolean,onCreate:Function,fallbackOption:{type:[Function,Boolean],default:void 0},show:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:!0},maxTagCount:[Number,String],ellipsisTagPopoverProps:Object,consistentMenuWidth:{type:Boolean,default:!0},virtualScroll:{type:Boolean,default:!0},labelField:{type:String,default:`label`},valueField:{type:String,default:`value`},childrenField:{type:String,default:`children`},renderLabel:Function,renderOption:Function,renderTag:Function,"onUpdate:value":[Function,Array],inputProps:Object,nodeProps:Function,ignoreComposition:{type:Boolean,default:!0},showOnFocus:Boolean,onUpdateValue:[Function,Array],onBlur:[Function,Array],onClear:[Function,Array],onFocus:[Function,Array],onScroll:[Function,Array],onSearch:[Function,Array],onUpdateShow:[Function,Array],"onUpdate:show":[Function,Array],displayDirective:{type:String,default:`show`},resetMenuOnOptionsChange:{type:Boolean,default:!0},status:String,showCheckmark:{type:Boolean,default:!0},scrollbarProps:Object,onChange:[Function,Array],items:Array}),slots:Object,setup(e){let{mergedClsPrefixRef:t,mergedBorderedRef:n,namespaceRef:r,inlineThemeDisabled:i,mergedComponentPropsRef:a}=S(e),o=P(`Select`,`-select`,fn,dn,e,t),s=g(e.defaultValue),l=fe(u(e,`value`),s),d=g(!1),f=g(``),p=ne(e,[`items`,`options`]),m=g([]),_=g([]),v=h(()=>_.value.concat(m.value).concat(p.value)),y=h(()=>{let{filter:t}=e;if(t)return t;let{labelField:n,valueField:r}=e;return(e,t)=>{if(!t)return!1;let i=t[n];if(typeof i==`string`)return on(e,i);let a=t[r];return typeof a==`string`?on(e,a):typeof a==`number`?on(e,String(a)):!1}}),x=h(()=>{if(e.remote)return p.value;{let{value:t}=v,{value:n}=f;return!n.length||!e.filterable?t:cn(t,y.value,n,e.childrenField)}}),T=h(()=>{let{valueField:t,childrenField:n}=e,r=sn(t,n);return Dt(x.value,r)}),E=h(()=>ln(v.value,e.valueField,e.childrenField)),D=g(!1),O=fe(u(e,`show`),D),k=g(null),A=g(null),j=g(null),{localeRef:M}=he(`Select`),N=h(()=>e.placeholder??M.value.placeholder),F=[],I=g(new Map),L=h(()=>{let{fallbackOption:t}=e;if(t===void 0){let{labelField:t,valueField:n}=e;return e=>({[t]:String(e),[n]:e})}return t===!1?!1:e=>Object.assign(t(e),{value:e})});function R(t){let n=e.remote,{value:r}=I,{value:i}=E,{value:a}=L,o=[];return t.forEach(e=>{if(i.has(e))o.push(i.get(e));else if(n&&r.has(e))o.push(r.get(e));else if(a){let t=a(e);t&&o.push(t)}}),o}let z=h(()=>{if(e.multiple){let{value:e}=l;return Array.isArray(e)?R(e):[]}return null}),B=h(()=>{let{value:t}=l;return!e.multiple&&!Array.isArray(t)?t===null?null:R([t])[0]||null:null}),V=b(e,{mergedSize:t=>{let{size:n}=e;if(n)return n;let{mergedSize:r}=t||{};return r?.value?r.value:a?.value?.Select?.size||`medium`}}),{mergedSizeRef:te,mergedDisabledRef:H,mergedStatusRef:re}=V;function U(t,n){let{onChange:r,"onUpdate:value":i,onUpdateValue:a}=e,{nTriggerFormChange:o,nTriggerFormInput:c}=V;r&&w(r,t,n),a&&w(a,t,n),i&&w(i,t,n),s.value=t,o(),c()}function ie(t){let{onBlur:n}=e,{nTriggerFormBlur:r}=V;n&&w(n,t),r()}function W(){let{onClear:t}=e;t&&w(t)}function G(t){let{onFocus:n,showOnFocus:r}=e,{nTriggerFormFocus:i}=V;n&&w(n,t),i(),r&&Y()}function K(t){let{onSearch:n}=e;n&&w(n,t)}function ae(t){let{onScroll:n}=e;n&&w(n,t)}function q(){var t;let{remote:n,multiple:r}=e;if(n){let{value:n}=I;if(r){let{valueField:r}=e;(t=z.value)==null||t.forEach(e=>{n.set(e[r],e)})}else{let t=B.value;t&&n.set(t[e.valueField],t)}}}function J(t){let{onUpdateShow:n,"onUpdate:show":r}=e;n&&w(n,t),r&&w(r,t),D.value=t}function Y(){H.value||(J(!0),D.value=!0,e.filterable&&Ae())}function X(){J(!1)}function se(){f.value=``,_.value=F}let ce=g(!1);function ue(){e.filterable&&(ce.value=!0)}function de(){e.filterable&&(ce.value=!1,O.value||se())}function Z(){H.value||(O.value?e.filterable?Ae():X():Y())}function pe(e){(j.value?.selfRef)?.contains(e.relatedTarget)||(d.value=!1,ie(e),X())}function me(e){G(e),d.value=!0}function ge(){d.value=!0}function _e(e){k.value?.$el.contains(e.relatedTarget)||(d.value=!1,ie(e),X())}function Q(){var e;(e=k.value)==null||e.focus(),X()}function ve(e){O.value&&(k.value?.$el.contains(le(e))||X())}function ye(t){if(!Array.isArray(t))return[];if(L.value)return Array.from(t);{let{remote:n}=e,{value:r}=E;if(n){let{value:e}=I;return t.filter(t=>r.has(t)||e.has(t))}else return t.filter(e=>r.has(e))}}function xe(e){Se(e.rawNode)}function Se(t){if(H.value)return;let{tag:n,remote:r,clearFilterAfterSelect:i,valueField:a}=e;if(n&&!r){let{value:e}=_,t=e[0]||null;if(t){let e=m.value;e.length?e.push(t):m.value=[t],_.value=F}}if(r&&I.value.set(t[a],t),e.multiple){let e=ye(l.value),o=e.findIndex(e=>e===t[a]);if(~o){if(e.splice(o,1),n&&!r){let e=Ce(t[a]);~e&&(m.value.splice(e,1),i&&(f.value=``))}}else e.push(t[a]),i&&(f.value=``);U(e,R(e))}else{if(n&&!r){let e=Ce(t[a]);~e?m.value=[m.value[e]]:m.value=F}ke(),X(),U(t[a],t)}}function Ce(t){return m.value.findIndex(n=>n[e.valueField]===t)}function we(t){O.value||Y();let{value:n}=t.target;f.value=n;let{tag:r,remote:i}=e;if(K(n),r&&!i){if(!n){_.value=F;return}let{onCreate:t}=e,r=t?t(n):{[e.labelField]:n,[e.valueField]:n},{valueField:i,labelField:a}=e;p.value.some(e=>e[i]===r[i]||e[a]===r[a])||m.value.some(e=>e[i]===r[i]||e[a]===r[a])?_.value=F:_.value=[r]}}function Te(t){t.stopPropagation();let{multiple:n,tag:r,remote:i,clearCreatedOptionsOnClear:a}=e;!n&&e.filterable&&X(),r&&!i&&a&&(m.value=F),W(),n?U([],[]):U(null,null)}function Ee(e){!be(e,`action`)&&!be(e,`empty`)&&!be(e,`header`)&&e.preventDefault()}function De(e){ae(e)}function Oe(t){var n,r,i;if(!e.keyboard){t.preventDefault();return}switch(t.key){case` `:if(e.filterable)break;t.preventDefault();case`Enter`:if(!k.value?.isComposing){if(O.value){let t=j.value?.getPendingTmNode();t?xe(t):e.filterable||(X(),ke())}else if(Y(),e.tag&&ce.value){let t=_.value[0];if(t){let n=t[e.valueField],{value:r}=l;e.multiple&&Array.isArray(r)&&r.includes(n)||Se(t)}}}t.preventDefault();break;case`ArrowUp`:if(t.preventDefault(),e.loading)return;O.value&&((n=j.value)==null||n.prev());break;case`ArrowDown`:if(t.preventDefault(),e.loading)return;O.value?(r=j.value)==null||r.next():Y();break;case`Escape`:O.value&&(Ie(t),X()),(i=k.value)==null||i.focus();break}}function ke(){var e;(e=k.value)==null||e.focus()}function Ae(){var e;(e=k.value)==null||e.focusInput()}function je(){var e;O.value&&((e=A.value)==null||e.syncPosition())}q(),c(u(e,`options`),q);let $={focus:()=>{var e;(e=k.value)==null||e.focus()},focusInput:()=>{var e;(e=k.value)==null||e.focusInput()},blur:()=>{var e;(e=k.value)==null||e.blur()},blurInput:()=>{var e;(e=k.value)==null||e.blurInput()}},Me=h(()=>{let{self:{menuBoxShadow:e}}=o.value;return{"--n-menu-box-shadow":e}}),Ne=i?C(`select`,void 0,Me,e):void 0;return Object.assign(Object.assign({},$),{mergedStatus:re,mergedClsPrefix:t,mergedBordered:n,namespace:r,treeMate:T,isMounted:ee(),triggerRef:k,menuRef:j,pattern:f,uncontrolledShow:D,mergedShow:O,adjustedTo:oe(e),uncontrolledValue:s,mergedValue:l,followerRef:A,localizedPlaceholder:N,selectedOption:B,selectedOptions:z,mergedSize:te,mergedDisabled:H,focused:d,activeWithoutMenuOpen:ce,inlineThemeDisabled:i,onTriggerInputFocus:ue,onTriggerInputBlur:de,handleTriggerOrMenuResize:je,handleMenuFocus:ge,handleMenuBlur:_e,handleMenuTabOut:Q,handleTriggerClick:Z,handleToggle:xe,handleDeleteOption:Se,handlePatternInput:we,handleClear:Te,handleTriggerBlur:pe,handleTriggerFocus:me,handleKeydown:Oe,handleMenuAfterLeave:se,handleMenuClickOutside:ve,handleMenuScroll:De,handleMenuKeydown:Oe,handleMenuMousedown:Ee,mergedTheme:o,cssVars:i?void 0:Me,themeClass:Ne?.themeClass,onRender:Ne?.onRender})},render(){return v(`div`,{class:`${this.mergedClsPrefix}-select`},v(X,null,{default:()=>[v(W,null,{default:()=>v(nn,{ref:`triggerRef`,inlineThemeDisabled:this.inlineThemeDisabled,status:this.mergedStatus,inputProps:this.inputProps,clsPrefix:this.mergedClsPrefix,showArrow:this.showArrow,maxTagCount:this.maxTagCount,ellipsisTagPopoverProps:this.ellipsisTagPopoverProps,bordered:this.mergedBordered,active:this.activeWithoutMenuOpen||this.mergedShow,pattern:this.pattern,placeholder:this.localizedPlaceholder,selectedOption:this.selectedOption,selectedOptions:this.selectedOptions,multiple:this.multiple,renderTag:this.renderTag,renderLabel:this.renderLabel,filterable:this.filterable,clearable:this.clearable,disabled:this.mergedDisabled,size:this.mergedSize,theme:this.mergedTheme.peers.InternalSelection,labelField:this.labelField,valueField:this.valueField,themeOverrides:this.mergedTheme.peerOverrides.InternalSelection,loading:this.loading,focused:this.focused,onClick:this.handleTriggerClick,onDeleteOption:this.handleDeleteOption,onPatternInput:this.handlePatternInput,onClear:this.handleClear,onBlur:this.handleTriggerBlur,onFocus:this.handleTriggerFocus,onKeydown:this.handleKeydown,onPatternBlur:this.onTriggerInputBlur,onPatternFocus:this.onTriggerInputFocus,onResize:this.handleTriggerOrMenuResize,ignoreComposition:this.ignoreComposition},{arrow:()=>{var e;return[(e=this.$slots).arrow?.call(e)]}})}),v(G,{ref:`followerRef`,show:this.mergedShow,to:this.adjustedTo,teleportDisabled:this.adjustedTo===oe.tdkey,containerClass:this.namespace,width:this.consistentMenuWidth?`target`:void 0,minWidth:`target`,placement:this.placement},{default:()=>v(H,{name:`fade-in-scale-up-transition`,appear:this.isMounted,onAfterLeave:this.handleMenuAfterLeave},{default:()=>{var e;return this.mergedShow||this.displayDirective===`show`?((e=this.onRender)==null||e.call(this),i(v(Ut,Object.assign({},this.menuProps,{ref:`menuRef`,onResize:this.handleTriggerOrMenuResize,inlineThemeDisabled:this.inlineThemeDisabled,virtualScroll:this.consistentMenuWidth&&this.virtualScroll,class:[`${this.mergedClsPrefix}-select-menu`,this.themeClass,this.menuProps?.class],clsPrefix:this.mergedClsPrefix,focusable:!0,labelField:this.labelField,valueField:this.valueField,autoPending:!0,nodeProps:this.nodeProps,theme:this.mergedTheme.peers.InternalSelectMenu,themeOverrides:this.mergedTheme.peerOverrides.InternalSelectMenu,treeMate:this.treeMate,multiple:this.multiple,size:this.menuSize,renderOption:this.renderOption,renderLabel:this.renderLabel,value:this.mergedValue,style:[this.menuProps?.style,this.cssVars],onToggle:this.handleToggle,onScroll:this.handleMenuScroll,onFocus:this.handleMenuFocus,onBlur:this.handleMenuBlur,onKeydown:this.handleMenuKeydown,onTabOut:this.handleMenuTabOut,onMousedown:this.handleMenuMousedown,show:this.mergedShow,showCheckmark:this.showCheckmark,resetMenuOnOptionsChange:this.resetMenuOnOptionsChange,scrollbarProps:this.scrollbarProps}),{empty:()=>{var e;return[(e=this.$slots).empty?.call(e)]},header:()=>{var e;return[(e=this.$slots).header?.call(e)]},action:()=>{var e;return[(e=this.$slots).action?.call(e)]}}),this.displayDirective===`show`?[[x,this.mergedShow],[K,this.handleMenuClickOutside,void 0,{capture:!0}]]:[[K,this.handleMenuClickOutside,void 0,{capture:!0}]])):null}})})]}))}});export{Vt as a,At as c,Be as d,ze as f,be as h,Ut as i,Dt as l,je as m,dn as n,Ft as o,Le as p,sn as r,Mt as s,pn as t,Ge as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.settings-view[data-v-67e10768]{flex-direction:column;height:100vh;display:flex}.settings-header[data-v-67e10768]{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;padding:12px 20px;display:flex}.header-title[data-v-67e10768]{color:#1a1a1a;font-size:16px;font-weight:600}.settings-content[data-v-67e10768]{flex:1;max-width:640px;padding:20px;overflow-y:auto}.settings-section[data-v-67e10768]{margin-bottom:28px}.settings-section .section-title[data-v-67e10768]{color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ebebeb;margin-bottom:14px;padding-bottom:8px;font-size:13px;font-weight:600}.form-group[data-v-67e10768]{margin-bottom:14px}.form-group .form-label[data-v-67e10768]{color:#666;margin-bottom:6px;font-size:13px;display:block}.form-hint[data-v-67e10768]{color:#999;margin-bottom:10px;font-size:12px}.connection-status[data-v-67e10768]{color:#666;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.connection-status .status-dot[data-v-67e10768]{border-radius:50%;width:8px;height:8px}.connection-status .status-dot.on[data-v-67e10768]{background-color:#2e7d32;box-shadow:0 0 6px #2e7d3280}.connection-status .status-dot.off[data-v-67e10768]{background-color:#c62828}.connection-status .version[data-v-67e10768]{color:#999;font-size:12px}.current-model[data-v-67e10768]{color:#1a1a1a;background:#f0f0f0;border-radius:6px;padding:6px 10px;font-size:14px;font-weight:500;display:inline-block}.empty-text[data-v-67e10768]{color:#999;font-size:13px;font-style:italic}.about-text[data-v-67e10768]{color:#666;margin-bottom:14px;font-size:13px;line-height:1.6}.endpoint-table[data-v-67e10768] .n-data-table{--n-td-color:transparent;--n-th-color:rgba($accent-primary, .04)}
|