You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
330 lines
49 KiB
JavaScript
330 lines
49 KiB
JavaScript
import{C as le,f as z,a_ as Dn,a$ as Vn,e as Ne,a9 as en,m as r,b0 as Wn,b1 as jn,b2 as on,aG as cn,J as M,K as I,L as J,P as fn,Q as de,b3 as Hn,G as nn,aY as Kn,H as k,a2 as ie,a4 as Le,ac as hn,b4 as tn,X as Ge,b5 as Ce,aT as vn,M as G,O as Qe,aR as bn,U as H,b6 as Un,b7 as Gn,E as Oe,aE as qn,a3 as qe,a0 as ln,b8 as Zn,a5 as Yn,aK as Jn,a7 as Qn,a6 as Xn,ao as Ae,b9 as et,Z as nt,ba as tt,N as Ze,as as ot,F as it,bb as lt,V as rn,am as rt,bc as at,W as st,bd as dt,av as Xe,be as ut,bf as ct,bg as ft,bh as ht,bi as vt,bj as an,bk as bt,bl as gt,ab as ee}from"./index.ba6d2826.js";import{u as gn,a as pt}from"./Suffix.236be5c8.js";import{F as mt,V as wt}from"./FocusDetector.f6cb7f9f.js";function yt(e){switch(typeof e){case"string":return e||void 0;case"number":return String(e);default:return}}function Ye(e){const o=e.filter(l=>l!==void 0);if(o.length!==0)return o.length===1?o[0]:l=>{e.forEach(d=>{d&&d(l)})}}const be="v-hidden",xt=jn("[v-hidden]",{display:"none!important"});var sn=le({name:"Overflow",props:{getCounter:Function,getTail:Function,updateCounter:Function,onUpdateOverflow:Function},setup(e,{slots:o}){const l=z(null),d=z(null);function f(){const{value:h}=l,{getCounter:a,getTail:P}=e;let m;if(a!==void 0?m=a():m=d.value,!h||!m)return;m.hasAttribute(be)&&m.removeAttribute(be);const{children:g}=h,x=h.offsetWidth,T=[],_=o.tail?P==null?void 0:P():null;let v=_?_.offsetWidth:0,S=!1;const E=h.children.length-(o.tail?1:0);for(let w=0;w<E-1;++w){if(w<0)continue;const N=g[w];if(S){N.hasAttribute(be)||N.setAttribute(be,"");continue}else N.hasAttribute(be)&&N.removeAttribute(be);const W=N.offsetWidth;if(v+=W,T[w]=W,v>x){const{updateCounter:j}=e;for(let B=w;B>=0;--B){const V=E-1-B;j!==void 0?j(V):m.textContent=`${V}`;const K=m.offsetWidth;if(v-=T[B],v+K<=x||B===0){S=!0,w=B-1,_&&(w===-1?(_.style.maxWidth=`${x-K}px`,_.style.boxSizing="border-box"):_.style.maxWidth="");break}}}}const{onUpdateOverflow:y}=e;S?y!==void 0&&y(!0):(y!==void 0&&y(!1),m.setAttribute(be,""))}const b=Dn();return xt.mount({id:"vueuc/overflow",head:!0,anchorMetaName:Vn,ssr:b}),Ne(f),{selfRef:l,counterRef:d,sync:f}},render(){const{$slots:e}=this;return en(this.sync),r("div",{class:"v-overflow",ref:"selfRef"},[Wn(e,"default"),e.counter?e.counter():r("span",{style:{display:"inline-block"},ref:"counterRef"}),e.tail?e.tail():null])}});function pn(e,o){o&&(Ne(()=>{const{value:l}=e;l&&on.registerHandler(l,o)}),cn(()=>{const{value:l}=e;l&&on.unregisterHandler(l)}))}var Ct=le({name:"Checkmark",render(){return r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},r("g",{fill:"none"},r("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"})))}}),Ot=le({name:"Empty",render(){return r("svg",{viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r("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"}),r("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"}))}}),Ft=M("empty",`
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: var(--n-font-size);
|
|
`,[I("icon",`
|
|
width: var(--n-icon-size);
|
|
height: var(--n-icon-size);
|
|
font-size: var(--n-icon-size);
|
|
line-height: var(--n-icon-size);
|
|
color: var(--n-icon-color);
|
|
transition:
|
|
color .3s var(--n-bezier);
|
|
`,[J("+",[I("description",`
|
|
margin-top: 8px;
|
|
`)])]),I("description",`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
`),I("extra",`
|
|
text-align: center;
|
|
transition: color .3s var(--n-bezier);
|
|
margin-top: 12px;
|
|
color: var(--n-extra-text-color);
|
|
`)]);const St=Object.assign(Object.assign({},de.props),{description:String,showDescription:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},size:{type:String,default:"medium"},renderIcon:Function});var Rt=le({name:"Empty",props:St,setup(e){const{mergedClsPrefixRef:o,inlineThemeDisabled:l}=fn(e),d=de("Empty","-empty",Ft,Hn,e,o),{localeRef:f}=gn("Empty"),b=nn(Kn,null),h=k(()=>{var g,x,T;return(g=e.description)!==null&&g!==void 0?g:(T=(x=b==null?void 0:b.mergedComponentPropsRef.value)===null||x===void 0?void 0:x.Empty)===null||T===void 0?void 0:T.description}),a=k(()=>{var g,x;return((x=(g=b==null?void 0:b.mergedComponentPropsRef.value)===null||g===void 0?void 0:g.Empty)===null||x===void 0?void 0:x.renderIcon)||(()=>r(Ot,null))}),P=k(()=>{const{size:g}=e,{common:{cubicBezierEaseInOut:x},self:{[ie("iconSize",g)]:T,[ie("fontSize",g)]:_,textColor:v,iconColor:S,extraTextColor:E}}=d.value;return{"--n-icon-size":T,"--n-font-size":_,"--n-bezier":x,"--n-text-color":v,"--n-icon-color":S,"--n-extra-text-color":E}}),m=l?Le("empty",k(()=>{let g="";const{size:x}=e;return g+=x[0],g}),P,e):void 0;return{mergedClsPrefix:o,mergedRenderIcon:a,localizedDescription:k(()=>h.value||f.value.description),cssVars:l?void 0:P,themeClass:m==null?void 0:m.themeClass,onRender:m==null?void 0:m.onRender}},render(){const{$slots:e,mergedClsPrefix:o,onRender:l}=this;return l==null||l(),r("div",{class:[`${o}-empty`,this.themeClass],style:this.cssVars},this.showIcon?r("div",{class:`${o}-empty__icon`},e.icon?e.icon():r(hn,{clsPrefix:o},{default:this.mergedRenderIcon})):null,this.showDescription?r("div",{class:`${o}-empty__description`},e.default?e.default():this.localizedDescription):null,e.extra?r("div",{class:`${o}-empty__extra`},e.extra()):null)}});function Mt(e,o){return r(vn,{name:"fade-in-scale-up-transition"},{default:()=>e?r(hn,{clsPrefix:o,class:`${o}-base-select-option__check`},{default:()=>r(Ct)}):null})}var dn=le({name:"NBaseSelectOption",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(e){const{valueRef:o,pendingTmNodeRef:l,multipleRef:d,valueSetRef:f,renderLabelRef:b,renderOptionRef:h,labelFieldRef:a,valueFieldRef:P,showCheckmarkRef:m,nodePropsRef:g,handleOptionClick:x,handleOptionMouseEnter:T}=nn(tn),_=Ge(()=>{const{value:y}=l;return y?e.tmNode.key===y.key:!1});function v(y){const{tmNode:w}=e;w.disabled||x(y,w)}function S(y){const{tmNode:w}=e;w.disabled||T(y,w)}function E(y){const{tmNode:w}=e,{value:N}=_;w.disabled||N||T(y,w)}return{multiple:d,isGrouped:Ge(()=>{const{tmNode:y}=e,{parent:w}=y;return w&&w.rawNode.type==="group"}),showCheckmark:m,nodeProps:g,isPending:_,isSelected:Ge(()=>{const{value:y}=o,{value:w}=d;if(y===null)return!1;const N=e.tmNode.rawNode[P.value];if(w){const{value:W}=f;return W.has(N)}else return y===N}),labelField:a,renderLabel:b,renderOption:h,handleMouseMove:E,handleMouseEnter:S,handleClick:v}},render(){const{clsPrefix:e,tmNode:{rawNode:o},isSelected:l,isPending:d,isGrouped:f,showCheckmark:b,nodeProps:h,renderOption:a,renderLabel:P,handleClick:m,handleMouseEnter:g,handleMouseMove:x}=this,T=Mt(l,e),_=P?[P(o,l),b&&T]:[Ce(o[this.labelField],o,l),b&&T],v=h==null?void 0:h(o),S=r("div",Object.assign({},v,{class:[`${e}-base-select-option`,o.class,v==null?void 0:v.class,{[`${e}-base-select-option--disabled`]:o.disabled,[`${e}-base-select-option--selected`]:l,[`${e}-base-select-option--grouped`]:f,[`${e}-base-select-option--pending`]:d,[`${e}-base-select-option--show-checkmark`]:b}],style:[(v==null?void 0:v.style)||"",o.style||""],onClick:Ye([m,v==null?void 0:v.onClick]),onMouseenter:Ye([g,v==null?void 0:v.onMouseenter]),onMousemove:Ye([x,v==null?void 0:v.onMousemove])}),r("div",{class:`${e}-base-select-option__content`},_));return o.render?o.render({node:S,option:o,selected:l}):a?a({node:S,option:o,selected:l}):S}}),un=le({name:"NBaseSelectGroupHeader",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(){const{renderLabelRef:e,renderOptionRef:o,labelFieldRef:l,nodePropsRef:d}=nn(tn);return{labelField:l,nodeProps:d,renderLabel:e,renderOption:o}},render(){const{clsPrefix:e,renderLabel:o,renderOption:l,nodeProps:d,tmNode:{rawNode:f}}=this,b=d==null?void 0:d(f),h=o?o(f,!1):Ce(f[this.labelField],f,!1),a=r("div",Object.assign({},b,{class:[`${e}-base-select-group-header`,b==null?void 0:b.class]}),h);return f.render?f.render({node:a,option:f}):l?l({node:a,option:f,selected:!1}):a}}),Tt=M("base-select-menu",`
|
|
line-height: 1.5;
|
|
outline: none;
|
|
z-index: 0;
|
|
position: relative;
|
|
border-radius: var(--n-border-radius);
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier);
|
|
background-color: var(--n-color);
|
|
`,[M("scrollbar",`
|
|
max-height: var(--n-height);
|
|
`),M("virtual-list",`
|
|
max-height: var(--n-height);
|
|
`),M("base-select-option",`
|
|
min-height: var(--n-option-height);
|
|
font-size: var(--n-option-font-size);
|
|
display: flex;
|
|
align-items: center;
|
|
`,[I("content",`
|
|
z-index: 1;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
`)]),M("base-select-group-header",`
|
|
min-height: var(--n-option-height);
|
|
font-size: .93em;
|
|
display: flex;
|
|
align-items: center;
|
|
`),M("base-select-menu-option-wrapper",`
|
|
position: relative;
|
|
width: 100%;
|
|
`),I("loading, empty",`
|
|
display: flex;
|
|
padding: 12px 32px;
|
|
flex: 1;
|
|
justify-content: center;
|
|
`),I("loading",`
|
|
color: var(--n-loading-color);
|
|
font-size: var(--n-loading-size);
|
|
`),I("action",`
|
|
padding: 8px var(--n-option-padding-left);
|
|
font-size: var(--n-option-font-size);
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
border-top: 1px solid var(--n-action-divider-color);
|
|
color: var(--n-action-text-color);
|
|
`),M("base-select-group-header",`
|
|
position: relative;
|
|
cursor: default;
|
|
padding: var(--n-option-padding);
|
|
color: var(--n-group-header-text-color);
|
|
`),M("base-select-option",`
|
|
cursor: pointer;
|
|
position: relative;
|
|
padding: var(--n-option-padding);
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
opacity .3s var(--n-bezier);
|
|
box-sizing: border-box;
|
|
color: var(--n-option-text-color);
|
|
opacity: 1;
|
|
`,[G("show-checkmark",`
|
|
padding-right: calc(var(--n-option-padding-right) + 20px);
|
|
`),J("&::before",`
|
|
content: "";
|
|
position: absolute;
|
|
left: 4px;
|
|
right: 4px;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-radius: var(--n-border-radius);
|
|
transition: background-color .3s var(--n-bezier);
|
|
`),J("&:active",`
|
|
color: var(--n-option-text-color-pressed);
|
|
`),G("grouped",`
|
|
padding-left: calc(var(--n-option-padding-left) * 1.5);
|
|
`),G("pending",[J("&::before",`
|
|
background-color: var(--n-option-color-pending);
|
|
`)]),G("selected",`
|
|
color: var(--n-option-text-color-active);
|
|
`,[J("&::before",`
|
|
background-color: var(--n-option-color-active);
|
|
`),G("pending",[J("&::before",`
|
|
background-color: var(--n-option-color-active-pending);
|
|
`)])]),G("disabled",`
|
|
cursor: not-allowed;
|
|
`,[Qe("selected",`
|
|
color: var(--n-option-text-color-disabled);
|
|
`),G("selected",`
|
|
opacity: var(--n-option-opacity-disabled);
|
|
`)]),I("check",`
|
|
font-size: 16px;
|
|
position: absolute;
|
|
right: calc(var(--n-option-padding-right) - 4px);
|
|
top: calc(50% - 7px);
|
|
color: var(--n-option-check-color);
|
|
transition: color .3s var(--n-bezier);
|
|
`,[bn({enterScale:"0.5"})])])]),zt=le({name:"InternalSelectMenu",props:Object.assign(Object.assign({},de.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,onToggle:Function}),setup(e){const o=de("InternalSelectMenu","-internal-select-menu",Tt,Un,e,H(e,"clsPrefix")),l=z(null),d=z(null),f=z(null),b=k(()=>e.treeMate.getFlattenedNodes()),h=k(()=>Gn(b.value)),a=z(null);function P(){const{treeMate:i}=e;let u=null;const{value:A}=e;A===null?u=i.getFirstAvailableNode():(e.multiple?u=i.getNode((A||[])[(A||[]).length-1]):u=i.getNode(A),(!u||u.disabled)&&(u=i.getFirstAvailableNode())),q(u||null)}function m(){const{value:i}=a;i&&!e.treeMate.getNode(i.key)&&(a.value=null)}let g;Oe(()=>e.show,i=>{i?g=Oe(()=>e.treeMate,()=>{e.resetMenuOnOptionsChange?(e.autoPending?P():m(),en(D)):m()},{immediate:!0}):g==null||g()},{immediate:!0}),cn(()=>{g==null||g()});const x=k(()=>qn(o.value.self[ie("optionHeight",e.size)])),T=k(()=>qe(o.value.self[ie("padding",e.size)])),_=k(()=>e.multiple&&Array.isArray(e.value)?new Set(e.value):new Set),v=k(()=>{const i=b.value;return i&&i.length===0});function S(i){const{onToggle:u}=e;u&&u(i)}function E(i){const{onScroll:u}=e;u&&u(i)}function y(i){var u;(u=f.value)===null||u===void 0||u.sync(),E(i)}function w(){var i;(i=f.value)===null||i===void 0||i.sync()}function N(){const{value:i}=a;return i||null}function W(i,u){u.disabled||q(u,!1)}function j(i,u){u.disabled||S(u)}function B(i){var u;Ae(i,"action")||(u=e.onKeyup)===null||u===void 0||u.call(e,i)}function V(i){var u;Ae(i,"action")||(u=e.onKeydown)===null||u===void 0||u.call(e,i)}function K(i){var u;(u=e.onMousedown)===null||u===void 0||u.call(e,i),!e.focusable&&i.preventDefault()}function ue(){const{value:i}=a;i&&q(i.getNext({loop:!0}),!0)}function Q(){const{value:i}=a;i&&q(i.getPrev({loop:!0}),!0)}function q(i,u=!1){a.value=i,u&&D()}function D(){var i,u;const A=a.value;if(!A)return;const te=h.value(A.key);te!==null&&(e.virtualScroll?(i=d.value)===null||i===void 0||i.scrollTo({index:te}):(u=f.value)===null||u===void 0||u.scrollTo({index:te,elSize:x.value}))}function ce(i){var u,A;!((u=l.value)===null||u===void 0)&&u.contains(i.target)&&((A=e.onFocus)===null||A===void 0||A.call(e,i))}function ge(i){var u,A;!((u=l.value)===null||u===void 0)&&u.contains(i.relatedTarget)||(A=e.onBlur)===null||A===void 0||A.call(e,i)}ln(tn,{handleOptionMouseEnter:W,handleOptionClick:j,valueSetRef:_,pendingTmNodeRef:a,nodePropsRef:H(e,"nodeProps"),showCheckmarkRef:H(e,"showCheckmark"),multipleRef:H(e,"multiple"),valueRef:H(e,"value"),renderLabelRef:H(e,"renderLabel"),renderOptionRef:H(e,"renderOption"),labelFieldRef:H(e,"labelField"),valueFieldRef:H(e,"valueField")}),ln(Zn,l),Ne(()=>{const{value:i}=f;i&&i.sync()});const fe=k(()=>{const{size:i}=e,{common:{cubicBezierEaseInOut:u},self:{height:A,borderRadius:te,color:Fe,groupHeaderTextColor:Se,actionDividerColor:Re,optionTextColorPressed:pe,optionTextColor:me,optionTextColorDisabled:oe,optionTextColorActive:U,optionOpacityDisabled:we,optionCheckColor:ae,actionTextColor:Me,optionColorPending:he,optionColorActive:ve,loadingColor:Te,loadingSize:ze,optionColorActivePending:Pe,[ie("optionFontSize",i)]:ye,[ie("optionHeight",i)]:xe,[ie("optionPadding",i)]:Z}}=o.value;return{"--n-height":A,"--n-action-divider-color":Re,"--n-action-text-color":Me,"--n-bezier":u,"--n-border-radius":te,"--n-color":Fe,"--n-option-font-size":ye,"--n-group-header-text-color":Se,"--n-option-check-color":ae,"--n-option-color-pending":he,"--n-option-color-active":ve,"--n-option-color-active-pending":Pe,"--n-option-height":xe,"--n-option-opacity-disabled":we,"--n-option-text-color":me,"--n-option-text-color-active":U,"--n-option-text-color-disabled":oe,"--n-option-text-color-pressed":pe,"--n-option-padding":Z,"--n-option-padding-left":qe(Z,"left"),"--n-option-padding-right":qe(Z,"right"),"--n-loading-color":Te,"--n-loading-size":ze}}),{inlineThemeDisabled:ne}=e,Y=ne?Le("internal-select-menu",k(()=>e.size[0]),fe,e):void 0,re={selfRef:l,next:ue,prev:Q,getPendingTmNode:N};return pn(l,e.onResize),Object.assign({mergedTheme:o,virtualListRef:d,scrollbarRef:f,itemSize:x,padding:T,flattenedNodes:b,empty:v,virtualListContainer(){const{value:i}=d;return i==null?void 0:i.listElRef},virtualListContent(){const{value:i}=d;return i==null?void 0:i.itemsElRef},doScroll:E,handleFocusin:ce,handleFocusout:ge,handleKeyUp:B,handleKeyDown:V,handleMouseDown:K,handleVirtualListResize:w,handleVirtualListScroll:y,cssVars:ne?void 0:fe,themeClass:Y==null?void 0:Y.themeClass,onRender:Y==null?void 0:Y.onRender},re)},render(){const{$slots:e,virtualScroll:o,clsPrefix:l,mergedTheme:d,themeClass:f,onRender:b}=this;return b==null||b(),r("div",{ref:"selfRef",tabindex:this.focusable?0:-1,class:[`${l}-base-select-menu`,f,this.multiple&&`${l}-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},this.loading?r("div",{class:`${l}-base-select-menu__loading`},r(Jn,{clsPrefix:l,strokeWidth:20})):this.empty?r("div",{class:`${l}-base-select-menu__empty`,"data-empty":!0,"data-action":!0},Xn(e.empty,()=>[r(Rt,{theme:d.peers.Empty,themeOverrides:d.peerOverrides.Empty})])):r(Qn,{ref:"scrollbarRef",theme:d.peers.Scrollbar,themeOverrides:d.peerOverrides.Scrollbar,scrollable:this.scrollable,container:o?this.virtualListContainer:void 0,content:o?this.virtualListContent:void 0,onScroll:o?void 0:this.doScroll},{default:()=>o?r(wt,{ref:"virtualListRef",class:`${l}-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:h})=>h.isGroup?r(un,{key:h.key,clsPrefix:l,tmNode:h}):h.ignored?null:r(dn,{clsPrefix:l,key:h.key,tmNode:h})}):r("div",{class:`${l}-base-select-menu-option-wrapper`,style:{paddingTop:this.padding.top,paddingBottom:this.padding.bottom}},this.flattenedNodes.map(h=>h.isGroup?r(un,{key:h.key,clsPrefix:l,tmNode:h}):r(dn,{clsPrefix:l,key:h.key,tmNode:h})))}),Yn(e.action,h=>h&&[r("div",{class:`${l}-base-select-menu__action`,"data-action":!0,key:"action"},h),r(mt,{onFocus:this.onTabOut,key:"focus-detector"})]))}}),Pt=J([M("base-selection",`
|
|
position: relative;
|
|
z-index: auto;
|
|
box-shadow: none;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
border-radius: var(--n-border-radius);
|
|
min-height: var(--n-height);
|
|
line-height: 1.5;
|
|
font-size: var(--n-font-size);
|
|
`,[M("base-loading",`
|
|
color: var(--n-loading-color);
|
|
`),M("base-selection-tags","min-height: var(--n-height);"),I("border, state-border",`
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
border: var(--n-border);
|
|
border-radius: inherit;
|
|
transition:
|
|
box-shadow .3s var(--n-bezier),
|
|
border-color .3s var(--n-bezier);
|
|
`),I("state-border",`
|
|
z-index: 1;
|
|
border-color: #0000;
|
|
`),M("base-suffix",`
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 10px;
|
|
`,[I("arrow",`
|
|
font-size: var(--n-arrow-size);
|
|
color: var(--n-arrow-color);
|
|
transition: color .3s var(--n-bezier);
|
|
`)]),M("base-selection-overlay",`
|
|
display: flex;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: var(--n-padding-single);
|
|
transition: color .3s var(--n-bezier);
|
|
`,[I("wrapper",`
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
`)]),M("base-selection-placeholder",`
|
|
color: var(--n-placeholder-color);
|
|
`,[I("inner",`
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
`)]),M("base-selection-tags",`
|
|
cursor: pointer;
|
|
outline: none;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
z-index: auto;
|
|
display: flex;
|
|
padding: var(--n-padding-multiple);
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
background-color: var(--n-color);
|
|
border-radius: inherit;
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
`),M("base-selection-label",`
|
|
height: var(--n-height);
|
|
display: inline-flex;
|
|
width: 100%;
|
|
vertical-align: bottom;
|
|
cursor: pointer;
|
|
outline: none;
|
|
z-index: auto;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
transition:
|
|
color .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier);
|
|
border-radius: inherit;
|
|
background-color: var(--n-color);
|
|
align-items: center;
|
|
`,[M("base-selection-input",`
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
outline: none;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
border:none;
|
|
width: 100%;
|
|
padding: var(--n-padding-single);
|
|
background-color: #0000;
|
|
color: var(--n-text-color);
|
|
transition: color .3s var(--n-bezier);
|
|
caret-color: var(--n-caret-color);
|
|
`,[I("content",`
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
`)]),I("render-label",`
|
|
color: var(--n-text-color);
|
|
`)]),Qe("disabled",[J("&:hover",[I("state-border",`
|
|
box-shadow: var(--n-box-shadow-hover);
|
|
border: var(--n-border-hover);
|
|
`)]),G("focus",[I("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
border: var(--n-border-focus);
|
|
`)]),G("active",[I("state-border",`
|
|
box-shadow: var(--n-box-shadow-active);
|
|
border: var(--n-border-active);
|
|
`),M("base-selection-label","background-color: var(--n-color-active);"),M("base-selection-tags","background-color: var(--n-color-active);")])]),G("disabled","cursor: not-allowed;",[I("arrow",`
|
|
color: var(--n-arrow-color-disabled);
|
|
`),M("base-selection-label",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`,[M("base-selection-input",`
|
|
cursor: not-allowed;
|
|
color: var(--n-text-color-disabled);
|
|
`),I("render-label",`
|
|
color: var(--n-text-color-disabled);
|
|
`)]),M("base-selection-tags",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`),M("base-selection-placeholder",`
|
|
cursor: not-allowed;
|
|
color: var(--n-placeholder-color-disabled);
|
|
`)]),M("base-selection-input-tag",`
|
|
height: calc(var(--n-height) - 6px);
|
|
line-height: calc(var(--n-height) - 6px);
|
|
outline: none;
|
|
display: none;
|
|
position: relative;
|
|
margin-bottom: 3px;
|
|
max-width: 100%;
|
|
vertical-align: bottom;
|
|
`,[I("input",`
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
min-width: 1px;
|
|
padding: 0;
|
|
background-color: #0000;
|
|
outline: none;
|
|
border: none;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
width: 1em;
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
color: var(--n-text-color);
|
|
caret-color: var(--n-caret-color);
|
|
`),I("mirror",`
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
white-space: pre;
|
|
visibility: hidden;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
opacity: 0;
|
|
`)]),["warning","error"].map(e=>G(`${e}-status`,[I("state-border",`border: var(--n-border-${e});`),Qe("disabled",[J("&:hover",[I("state-border",`
|
|
box-shadow: var(--n-box-shadow-hover-${e});
|
|
border: var(--n-border-hover-${e});
|
|
`)]),G("active",[I("state-border",`
|
|
box-shadow: var(--n-box-shadow-active-${e});
|
|
border: var(--n-border-active-${e});
|
|
`),M("base-selection-label",`background-color: var(--n-color-active-${e});`),M("base-selection-tags",`background-color: var(--n-color-active-${e});`)]),G("focus",[I("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
border: var(--n-border-focus-${e});
|
|
`)])])]))]),M("base-selection-popover",`
|
|
margin-bottom: -3px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-right: -8px;
|
|
`),M("base-selection-tag-wrapper",`
|
|
max-width: 100%;
|
|
display: inline-flex;
|
|
padding: 0 7px 3px 0;
|
|
`,[J("&:last-child","padding-right: 0;"),M("tag",`
|
|
font-size: 14px;
|
|
max-width: 100%;
|
|
`,[I("content",`
|
|
line-height: 1.25;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
`)])])]),kt=le({name:"InternalSelection",props:Object.assign(Object.assign({},de.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],onClear:Function,onPatternInput:Function,onPatternFocus:Function,onPatternBlur:Function,renderLabel:Function,status:String,inlineThemeDisabled:Boolean,ignoreComposition:{type:Boolean,default:!0},onResize:Function}),setup(e){const o=z(null),l=z(null),d=z(null),f=z(null),b=z(null),h=z(null),a=z(null),P=z(null),m=z(null),g=z(null),x=z(!1),T=z(!1),_=z(!1),v=de("InternalSelection","-internal-selection",Pt,et,e,H(e,"clsPrefix")),S=k(()=>e.clearable&&!e.disabled&&(_.value||e.active)),E=k(()=>e.selectedOption?e.renderTag?e.renderTag({option:e.selectedOption,handleClose:()=>{}}):e.renderLabel?e.renderLabel(e.selectedOption,!0):Ce(e.selectedOption[e.labelField],e.selectedOption,!0):e.placeholder),y=k(()=>{const t=e.selectedOption;if(!!t)return t[e.labelField]}),w=k(()=>e.multiple?!!(Array.isArray(e.selectedOptions)&&e.selectedOptions.length):e.selectedOption!==null);function N(){var t;const{value:c}=o;if(c){const{value:$}=l;$&&($.style.width=`${c.offsetWidth}px`,e.maxTagCount!=="responsive"&&((t=m.value)===null||t===void 0||t.sync()))}}function W(){const{value:t}=g;t&&(t.style.display="none")}function j(){const{value:t}=g;t&&(t.style.display="inline-block")}Oe(H(e,"active"),t=>{t||W()}),Oe(H(e,"pattern"),()=>{e.multiple&&en(N)});function B(t){const{onFocus:c}=e;c&&c(t)}function V(t){const{onBlur:c}=e;c&&c(t)}function K(t){const{onDeleteOption:c}=e;c&&c(t)}function ue(t){const{onClear:c}=e;c&&c(t)}function Q(t){const{onPatternInput:c}=e;c&&c(t)}function q(t){var c;(!t.relatedTarget||!(!((c=d.value)===null||c===void 0)&&c.contains(t.relatedTarget)))&&B(t)}function D(t){var c;!((c=d.value)===null||c===void 0)&&c.contains(t.relatedTarget)||V(t)}function ce(t){ue(t)}function ge(){_.value=!0}function fe(){_.value=!1}function ne(t){!e.active||!e.filterable||t.target!==l.value&&t.preventDefault()}function Y(t){K(t)}function re(t){if(t.key==="Backspace"&&!i.value&&!e.pattern.length){const{selectedOptions:c}=e;c!=null&&c.length&&Y(c[c.length-1])}}const i=z(!1);let u=null;function A(t){const{value:c}=o;if(c){const $=t.target.value;c.textContent=$,N()}e.ignoreComposition&&i.value?u=t:Q(t)}function te(){i.value=!0}function Fe(){i.value=!1,e.ignoreComposition&&Q(u),u=null}function Se(t){var c;T.value=!0,(c=e.onPatternFocus)===null||c===void 0||c.call(e,t)}function Re(t){var c;T.value=!1,(c=e.onPatternBlur)===null||c===void 0||c.call(e,t)}function pe(){var t,c;if(e.filterable)T.value=!1,(t=h.value)===null||t===void 0||t.blur(),(c=l.value)===null||c===void 0||c.blur();else if(e.multiple){const{value:$}=f;$==null||$.blur()}else{const{value:$}=b;$==null||$.blur()}}function me(){var t,c,$;e.filterable?(T.value=!1,(t=h.value)===null||t===void 0||t.focus()):e.multiple?(c=f.value)===null||c===void 0||c.focus():($=b.value)===null||$===void 0||$.focus()}function oe(){const{value:t}=l;t&&(j(),t.focus())}function U(){const{value:t}=l;t&&t.blur()}function we(t){const{value:c}=a;c&&c.setTextContent(`+${t}`)}function ae(){const{value:t}=P;return t}function Me(){return l.value}let he=null;function ve(){he!==null&&window.clearTimeout(he)}function Te(){e.active||(ve(),he=window.setTimeout(()=>{w.value&&(x.value=!0)},100))}function ze(){ve()}function Pe(t){t||(ve(),x.value=!1)}Oe(w,t=>{t||(x.value=!1)}),Ne(()=>{nt(()=>{const t=h.value;!t||(e.disabled?t.removeAttribute("tabindex"):t.tabIndex=T.value?-1:0)})}),pn(d,e.onResize);const{inlineThemeDisabled:ye}=e,xe=k(()=>{const{size:t}=e,{common:{cubicBezierEaseInOut:c},self:{borderRadius:$,color:ke,placeholderColor:De,textColor:Ve,paddingSingle:We,paddingMultiple:je,caretColor:_e,colorDisabled:Ie,textColorDisabled:Be,placeholderColorDisabled:He,colorActive:Ke,boxShadowFocus:$e,boxShadowActive:se,boxShadowHover:n,border:s,borderFocus:p,borderHover:R,borderActive:O,arrowColor:C,arrowColorDisabled:F,loadingColor:L,colorActiveWarning:X,boxShadowFocusWarning:Ue,boxShadowActiveWarning:wn,boxShadowHoverWarning:yn,borderWarning:xn,borderFocusWarning:Cn,borderHoverWarning:On,borderActiveWarning:Fn,colorActiveError:Sn,boxShadowFocusError:Rn,boxShadowActiveError:Mn,boxShadowHoverError:Tn,borderError:zn,borderFocusError:Pn,borderHoverError:kn,borderActiveError:_n,clearColor:In,clearColorHover:Bn,clearColorPressed:$n,clearSize:An,arrowSize:En,[ie("height",t)]:Nn,[ie("fontSize",t)]:Ln}}=v.value;return{"--n-bezier":c,"--n-border":s,"--n-border-active":O,"--n-border-focus":p,"--n-border-hover":R,"--n-border-radius":$,"--n-box-shadow-active":se,"--n-box-shadow-focus":$e,"--n-box-shadow-hover":n,"--n-caret-color":_e,"--n-color":ke,"--n-color-active":Ke,"--n-color-disabled":Ie,"--n-font-size":Ln,"--n-height":Nn,"--n-padding-single":We,"--n-padding-multiple":je,"--n-placeholder-color":De,"--n-placeholder-color-disabled":He,"--n-text-color":Ve,"--n-text-color-disabled":Be,"--n-arrow-color":C,"--n-arrow-color-disabled":F,"--n-loading-color":L,"--n-color-active-warning":X,"--n-box-shadow-focus-warning":Ue,"--n-box-shadow-active-warning":wn,"--n-box-shadow-hover-warning":yn,"--n-border-warning":xn,"--n-border-focus-warning":Cn,"--n-border-hover-warning":On,"--n-border-active-warning":Fn,"--n-color-active-error":Sn,"--n-box-shadow-focus-error":Rn,"--n-box-shadow-active-error":Mn,"--n-box-shadow-hover-error":Tn,"--n-border-error":zn,"--n-border-focus-error":Pn,"--n-border-hover-error":kn,"--n-border-active-error":_n,"--n-clear-size":An,"--n-clear-color":In,"--n-clear-color-hover":Bn,"--n-clear-color-pressed":$n,"--n-arrow-size":En}}),Z=ye?Le("internal-selection",k(()=>e.size[0]),xe,e):void 0;return{mergedTheme:v,mergedClearable:S,patternInputFocused:T,filterablePlaceholder:E,label:y,selected:w,showTagsPanel:x,isComposing:i,counterRef:a,counterWrapperRef:P,patternInputMirrorRef:o,patternInputRef:l,selfRef:d,multipleElRef:f,singleElRef:b,patternInputWrapperRef:h,overflowRef:m,inputTagElRef:g,handleMouseDown:ne,handleFocusin:q,handleClear:ce,handleMouseEnter:ge,handleMouseLeave:fe,handleDeleteOption:Y,handlePatternKeyDown:re,handlePatternInputInput:A,handlePatternInputBlur:Re,handlePatternInputFocus:Se,handleMouseEnterCounter:Te,handleMouseLeaveCounter:ze,handleFocusout:D,handleCompositionEnd:Fe,handleCompositionStart:te,onPopoverUpdateShow:Pe,focus:me,focusInput:oe,blur:pe,blurInput:U,updateCounter:we,getCounter:ae,getTail:Me,renderLabel:e.renderLabel,cssVars:ye?void 0:xe,themeClass:Z==null?void 0:Z.themeClass,onRender:Z==null?void 0:Z.onRender}},render(){const{status:e,multiple:o,size:l,disabled:d,filterable:f,maxTagCount:b,bordered:h,clsPrefix:a,onRender:P,renderTag:m,renderLabel:g}=this;P==null||P();const x=b==="responsive",T=typeof b=="number",_=x||T,v=r(tt,null,{default:()=>r(pt,{clsPrefix:a,loading:this.loading,showArrow:this.showArrow,showClear:this.mergedClearable&&this.selected,onClear:this.handleClear},{default:()=>{var E,y;return(y=(E=this.$slots).arrow)===null||y===void 0?void 0:y.call(E)}})});let S;if(o){const{labelField:E}=this,y=D=>r("div",{class:`${a}-base-selection-tag-wrapper`,key:D.value},m?m({option:D,handleClose:()=>{this.handleDeleteOption(D)}}):r(Ze,{size:l,closable:!D.disabled,disabled:d,onClose:()=>{this.handleDeleteOption(D)},internalCloseIsButtonTag:!1,internalCloseFocusable:!1},{default:()=>g?g(D,!0):Ce(D[E],D,!0)})),w=()=>(T?this.selectedOptions.slice(0,b):this.selectedOptions).map(y),N=f?r("div",{class:`${a}-base-selection-input-tag`,ref:"inputTagElRef",key:"__input-tag__"},r("input",Object.assign({},this.inputProps,{ref:"patternInputRef",tabindex:-1,disabled:d,value:this.pattern,autofocus:this.autofocus,class:`${a}-base-selection-input-tag__input`,onBlur:this.handlePatternInputBlur,onFocus:this.handlePatternInputFocus,onKeydown:this.handlePatternKeyDown,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),r("span",{ref:"patternInputMirrorRef",class:`${a}-base-selection-input-tag__mirror`},this.pattern)):null,W=x?()=>r("div",{class:`${a}-base-selection-tag-wrapper`,ref:"counterWrapperRef"},r(Ze,{size:l,ref:"counterRef",onMouseenter:this.handleMouseEnterCounter,onMouseleave:this.handleMouseLeaveCounter,disabled:d})):void 0;let j;if(T){const D=this.selectedOptions.length-b;D>0&&(j=r("div",{class:`${a}-base-selection-tag-wrapper`,key:"__counter__"},r(Ze,{size:l,ref:"counterRef",onMouseenter:this.handleMouseEnterCounter,disabled:d},{default:()=>`+${D}`})))}const B=x?f?r(sn,{ref:"overflowRef",updateCounter:this.updateCounter,getCounter:this.getCounter,getTail:this.getTail,style:{width:"100%",display:"flex",overflow:"hidden"}},{default:w,counter:W,tail:()=>N}):r(sn,{ref:"overflowRef",updateCounter:this.updateCounter,getCounter:this.getCounter,style:{width:"100%",display:"flex",overflow:"hidden"}},{default:w,counter:W}):T?w().concat(j):w(),V=_?()=>r("div",{class:`${a}-base-selection-popover`},x?w():this.selectedOptions.map(y)):void 0,K=_?{show:this.showTagsPanel,trigger:"hover",overlap:!0,placement:"top",width:"trigger",onUpdateShow:this.onPopoverUpdateShow,theme:this.mergedTheme.peers.Popover,themeOverrides:this.mergedTheme.peerOverrides.Popover}:null,Q=(this.selected?!1:this.active?!this.pattern&&!this.isComposing:!0)?r("div",{class:`${a}-base-selection-placeholder ${a}-base-selection-overlay`},r("div",{class:`${a}-base-selection-placeholder__inner`},this.placeholder)):null,q=f?r("div",{ref:"patternInputWrapperRef",class:`${a}-base-selection-tags`},B,x?null:N,v):r("div",{ref:"multipleElRef",class:`${a}-base-selection-tags`,tabindex:d?void 0:0},B,v);S=r(it,null,_?r(ot,Object.assign({},K,{scrollable:!0,style:"max-height: calc(var(--v-target-height) * 6.6);"}),{trigger:()=>q,default:V}):q,Q)}else if(f){const E=this.pattern||this.isComposing,y=this.active?!E:!this.selected,w=this.active?!1:this.selected;S=r("div",{ref:"patternInputWrapperRef",class:`${a}-base-selection-label`},r("input",Object.assign({},this.inputProps,{ref:"patternInputRef",class:`${a}-base-selection-input`,value:this.active?this.pattern:"",placeholder:"",readonly:d,disabled:d,tabindex:-1,autofocus:this.autofocus,onFocus:this.handlePatternInputFocus,onBlur:this.handlePatternInputBlur,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),w?r("div",{class:`${a}-base-selection-label__render-label ${a}-base-selection-overlay`,key:"input"},r("div",{class:`${a}-base-selection-overlay__wrapper`},m?m({option:this.selectedOption,handleClose:()=>{}}):g?g(this.selectedOption,!0):Ce(this.label,this.selectedOption,!0))):null,y?r("div",{class:`${a}-base-selection-placeholder ${a}-base-selection-overlay`,key:"placeholder"},r("div",{class:`${a}-base-selection-overlay__wrapper`},this.filterablePlaceholder)):null,v)}else S=r("div",{ref:"singleElRef",class:`${a}-base-selection-label`,tabindex:this.disabled?void 0:0},this.label!==void 0?r("div",{class:`${a}-base-selection-input`,title:yt(this.label),key:"input"},r("div",{class:`${a}-base-selection-input__content`},m?m({option:this.selectedOption,handleClose:()=>{}}):g?g(this.selectedOption,!0):Ce(this.label,this.selectedOption,!0))):r("div",{class:`${a}-base-selection-placeholder ${a}-base-selection-overlay`,key:"placeholder"},r("div",{class:`${a}-base-selection-placeholder__inner`},this.placeholder)),v);return r("div",{ref:"selfRef",class:[`${a}-base-selection`,this.themeClass,e&&`${a}-base-selection--${e}-status`,{[`${a}-base-selection--active`]:this.active,[`${a}-base-selection--selected`]:this.selected||this.active&&this.pattern,[`${a}-base-selection--disabled`]:this.disabled,[`${a}-base-selection--multiple`]:this.multiple,[`${a}-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},S,h?r("div",{class:`${a}-base-selection__border`}):null,h?r("div",{class:`${a}-base-selection__state-border`}):null)}});function Ee(e){return e.type==="group"}function mn(e){return e.type==="ignored"}function Je(e,o){try{return!!(1+o.toString().toLowerCase().indexOf(e.trim().toLowerCase()))}catch{return!1}}function _t(e,o){return{getIsGroup:Ee,getIgnored:mn,getKey(d){return Ee(d)?d.name||d.key||"key-required":d[e]},getChildren(d){return d[o]}}}function It(e,o,l,d){if(!o)return e;function f(b){if(!Array.isArray(b))return[];const h=[];for(const a of b)if(Ee(a)){const P=f(a[d]);P.length&&h.push(Object.assign({},a,{[d]:P}))}else{if(mn(a))continue;o(l,a)&&h.push(a)}return h}return f(e)}function Bt(e,o,l){const d=new Map;return e.forEach(f=>{Ee(f)?f[l].forEach(b=>{d.set(b[o],b)}):d.set(f[o],f)}),d}var $t=J([M("select",`
|
|
z-index: auto;
|
|
outline: none;
|
|
width: 100%;
|
|
position: relative;
|
|
`),M("select-menu",`
|
|
margin: 4px 0;
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
`,[bn({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]);const At=Object.assign(Object.assign({},de.props),{to:Xe.propTo,bordered:{type:Boolean,default:void 0},clearable:Boolean,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,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],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},onChange:[Function,Array],items:Array});var Dt=le({name:"Select",props:At,setup(e){const{mergedClsPrefixRef:o,mergedBorderedRef:l,namespaceRef:d,inlineThemeDisabled:f}=fn(e),b=de("Select","-select",$t,lt,e,o),h=z(e.defaultValue),a=H(e,"value"),P=rn(a,h),m=z(!1),g=z(""),x=k(()=>{const{valueField:n,childrenField:s}=e,p=_t(n,s);return rt(D.value,p)}),T=k(()=>Bt(Q.value,e.valueField,e.childrenField)),_=z(!1),v=rn(H(e,"show"),_),S=z(null),E=z(null),y=z(null),{localeRef:w}=gn("Select"),N=k(()=>{var n;return(n=e.placeholder)!==null&&n!==void 0?n:w.value.placeholder}),W=at(e,["items","options"]),j=[],B=z([]),V=z([]),K=z(new Map),ue=k(()=>{const{fallbackOption:n}=e;if(n===void 0){const{labelField:s,valueField:p}=e;return R=>({[s]:String(R),[p]:R})}return n===!1?!1:s=>Object.assign(n(s),{value:s})}),Q=k(()=>V.value.concat(B.value).concat(W.value)),q=k(()=>{const{filter:n}=e;if(n)return n;const{labelField:s,valueField:p}=e;return(R,O)=>{if(!O)return!1;const C=O[s];if(typeof C=="string")return Je(R,C);const F=O[p];return typeof F=="string"?Je(R,F):typeof F=="number"?Je(R,String(F)):!1}}),D=k(()=>{if(e.remote)return W.value;{const{value:n}=Q,{value:s}=g;return!s.length||!e.filterable?n:It(n,q.value,s,e.childrenField)}});function ce(n){const s=e.remote,{value:p}=K,{value:R}=T,{value:O}=ue,C=[];return n.forEach(F=>{if(R.has(F))C.push(R.get(F));else if(s&&p.has(F))C.push(p.get(F));else if(O){const L=O(F);L&&C.push(L)}}),C}const ge=k(()=>{if(e.multiple){const{value:n}=P;return Array.isArray(n)?ce(n):[]}return null}),fe=k(()=>{const{value:n}=P;return!e.multiple&&!Array.isArray(n)?n===null?null:ce([n])[0]||null:null}),ne=st(e),{mergedSizeRef:Y,mergedDisabledRef:re,mergedStatusRef:i}=ne;function u(n,s){const{onChange:p,"onUpdate:value":R,onUpdateValue:O}=e,{nTriggerFormChange:C,nTriggerFormInput:F}=ne;p&&ee(p,n,s),O&&ee(O,n,s),R&&ee(R,n,s),h.value=n,C(),F()}function A(n){const{onBlur:s}=e,{nTriggerFormBlur:p}=ne;s&&ee(s,n),p()}function te(){const{onClear:n}=e;n&&ee(n)}function Fe(n){const{onFocus:s,showOnFocus:p}=e,{nTriggerFormFocus:R}=ne;s&&ee(s,n),R(),p&&oe()}function Se(n){const{onSearch:s}=e;s&&ee(s,n)}function Re(n){const{onScroll:s}=e;s&&ee(s,n)}function pe(){var n;const{remote:s,multiple:p}=e;if(s){const{value:R}=K;if(p){const{valueField:O}=e;(n=ge.value)===null||n===void 0||n.forEach(C=>{R.set(C[O],C)})}else{const O=fe.value;O&&R.set(O[e.valueField],O)}}}function me(n){const{onUpdateShow:s,"onUpdate:show":p}=e;s&&ee(s,n),p&&ee(p,n),_.value=n}function oe(){re.value||(me(!0),_.value=!0,e.filterable&&Be())}function U(){me(!1)}function we(){g.value="",V.value=j}const ae=z(!1);function Me(){e.filterable&&(ae.value=!0)}function he(){e.filterable&&(ae.value=!1,v.value||we())}function ve(){re.value||(v.value?e.filterable?Be():U():oe())}function Te(n){var s,p;!((p=(s=y.value)===null||s===void 0?void 0:s.selfRef)===null||p===void 0)&&p.contains(n.relatedTarget)||(m.value=!1,A(n),U())}function ze(n){Fe(n),m.value=!0}function Pe(n){m.value=!0}function ye(n){var s;!((s=S.value)===null||s===void 0)&&s.$el.contains(n.relatedTarget)||(m.value=!1,A(n),U())}function xe(){var n;(n=S.value)===null||n===void 0||n.focus(),U()}function Z(n){var s;v.value&&(!((s=S.value)===null||s===void 0)&&s.$el.contains(bt(n))||U())}function t(n){if(!Array.isArray(n))return[];if(ue.value)return Array.from(n);{const{remote:s}=e,{value:p}=T;if(s){const{value:R}=K;return n.filter(O=>p.has(O)||R.has(O))}else return n.filter(R=>p.has(R))}}function c(n){$(n.rawNode)}function $(n){if(re.value)return;const{tag:s,remote:p,clearFilterAfterSelect:R,valueField:O}=e;if(s&&!p){const{value:C}=V,F=C[0]||null;if(F){const L=B.value;L.length?L.push(F):B.value=[F],V.value=j}}if(p&&K.value.set(n[O],n),e.multiple){const C=t(P.value),F=C.findIndex(L=>L===n[O]);if(~F){if(C.splice(F,1),s&&!p){const L=ke(n[O]);~L&&(B.value.splice(L,1),R&&(g.value=""))}}else C.push(n[O]),R&&(g.value="");u(C,ce(C))}else{if(s&&!p){const C=ke(n[O]);~C?B.value=[B.value[C]]:B.value=j}Ie(),U(),u(n[O],n)}}function ke(n){return B.value.findIndex(p=>p[e.valueField]===n)}function De(n){v.value||oe();const{value:s}=n.target;g.value=s;const{tag:p,remote:R}=e;if(Se(s),p&&!R){if(!s){V.value=j;return}const{onCreate:O}=e,C=O?O(s):{[e.labelField]:s,[e.valueField]:s},{valueField:F,labelField:L}=e;W.value.some(X=>X[F]===C[F]||X[L]===C[L])||B.value.some(X=>X[F]===C[F]||X[L]===C[L])?V.value=j:V.value=[C]}}function Ve(n){n.stopPropagation();const{multiple:s}=e;!s&&e.filterable&&U(),te(),s?u([],[]):u(null,null)}function We(n){!Ae(n,"action")&&!Ae(n,"empty")&&n.preventDefault()}function je(n){Re(n)}function _e(n){var s,p,R,O,C;if(!e.keyboard){n.preventDefault();return}switch(n.key){case" ":if(e.filterable)break;n.preventDefault();case"Enter":if(!(!((s=S.value)===null||s===void 0)&&s.isComposing)){if(v.value){const F=(p=y.value)===null||p===void 0?void 0:p.getPendingTmNode();F?c(F):e.filterable||(U(),Ie())}else if(oe(),e.tag&&ae.value){const F=V.value[0];if(F){const L=F[e.valueField],{value:X}=P;e.multiple&&Array.isArray(X)&&X.some(Ue=>Ue===L)||$(F)}}}n.preventDefault();break;case"ArrowUp":if(n.preventDefault(),e.loading)return;v.value&&((R=y.value)===null||R===void 0||R.prev());break;case"ArrowDown":if(n.preventDefault(),e.loading)return;v.value?(O=y.value)===null||O===void 0||O.next():oe();break;case"Escape":v.value&&(gt(n),U()),(C=S.value)===null||C===void 0||C.focus();break}}function Ie(){var n;(n=S.value)===null||n===void 0||n.focus()}function Be(){var n;(n=S.value)===null||n===void 0||n.focusInput()}function He(){var n;!v.value||(n=E.value)===null||n===void 0||n.syncPosition()}pe(),Oe(H(e,"options"),pe);const Ke={focus:()=>{var n;(n=S.value)===null||n===void 0||n.focus()},focusInput:()=>{var n;(n=S.value)===null||n===void 0||n.focusInput()},blur:()=>{var n;(n=S.value)===null||n===void 0||n.blur()},blurInput:()=>{var n;(n=S.value)===null||n===void 0||n.blurInput()}},$e=k(()=>{const{self:{menuBoxShadow:n}}=b.value;return{"--n-menu-box-shadow":n}}),se=f?Le("select",void 0,$e,e):void 0;return Object.assign(Object.assign({},Ke),{mergedStatus:i,mergedClsPrefix:o,mergedBordered:l,namespace:d,treeMate:x,isMounted:dt(),triggerRef:S,menuRef:y,pattern:g,uncontrolledShow:_,mergedShow:v,adjustedTo:Xe(e),uncontrolledValue:h,mergedValue:P,followerRef:E,localizedPlaceholder:N,selectedOption:fe,selectedOptions:ge,mergedSize:Y,mergedDisabled:re,focused:m,activeWithoutMenuOpen:ae,inlineThemeDisabled:f,onTriggerInputFocus:Me,onTriggerInputBlur:he,handleTriggerOrMenuResize:He,handleMenuFocus:Pe,handleMenuBlur:ye,handleMenuTabOut:xe,handleTriggerClick:ve,handleToggle:c,handleDeleteOption:$,handlePatternInput:De,handleClear:Ve,handleTriggerBlur:Te,handleTriggerFocus:ze,handleKeydown:_e,handleMenuAfterLeave:we,handleMenuClickOutside:Z,handleMenuScroll:je,handleMenuKeydown:_e,handleMenuMousedown:We,mergedTheme:b,cssVars:f?void 0:$e,themeClass:se==null?void 0:se.themeClass,onRender:se==null?void 0:se.onRender})},render(){return r("div",{class:`${this.mergedClsPrefix}-select`},r(ut,null,{default:()=>[r(ct,null,{default:()=>r(kt,{ref:"triggerRef",inlineThemeDisabled:this.inlineThemeDisabled,status:this.mergedStatus,inputProps:this.inputProps,clsPrefix:this.mergedClsPrefix,showArrow:this.showArrow,maxTagCount:this.maxTagCount,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,o;return[(o=(e=this.$slots).arrow)===null||o===void 0?void 0:o.call(e)]}})}),r(ft,{ref:"followerRef",show:this.mergedShow,to:this.adjustedTo,teleportDisabled:this.adjustedTo===Xe.tdkey,containerClass:this.namespace,width:this.consistentMenuWidth?"target":void 0,minWidth:"target",placement:this.placement},{default:()=>r(vn,{name:"fade-in-scale-up-transition",appear:this.isMounted,onAfterLeave:this.handleMenuAfterLeave},{default:()=>{var e,o,l;return this.mergedShow||this.displayDirective==="show"?((e=this.onRender)===null||e===void 0||e.call(this),ht(r(zt,Object.assign({},this.menuProps,{ref:"menuRef",onResize:this.handleTriggerOrMenuResize,inlineThemeDisabled:this.inlineThemeDisabled,virtualScroll:this.consistentMenuWidth&&this.virtualScroll,class:[`${this.mergedClsPrefix}-select-menu`,this.themeClass,(o=this.menuProps)===null||o===void 0?void 0:o.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:"medium",renderOption:this.renderOption,renderLabel:this.renderLabel,value:this.mergedValue,style:[(l=this.menuProps)===null||l===void 0?void 0:l.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}),{empty:()=>{var d,f;return[(f=(d=this.$slots).empty)===null||f===void 0?void 0:f.call(d)]},action:()=>{var d,f;return[(f=(d=this.$slots).action)===null||f===void 0?void 0:f.call(d)]}}),this.displayDirective==="show"?[[vt,this.mergedShow],[an,this.handleMenuClickOutside,void 0,{capture:!0}]]:[[an,this.handleMenuClickOutside,void 0,{capture:!0}]])):null}})})]}))}});export{zt as N,Dt as _,Rt as a,_t as c,Ye as m};
|