You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
376 lines
59 KiB
376 lines
59 KiB
import{d as me,r as I,P as Le,J as ro,a8 as c,aV as Ko,b3 as go,k as bo,bi as po,dO as Y,f as E,O as ze,p as oo,G as Uo,F as Go,s as qo,v as Jo}from"./index-f4658ae7.js";import{u as Yo,j as lo,k as De,e as T,g as B,f as j,c as X,h as ke,b as pe,o as $}from"./light-0dfdc1ad.js";import{f as mo}from"./fade-in-scale-up.cssr-0b26e361.js";import{u as Co,a as Qo}from"./use-config-816d55a6.js";import{r as no,a as Xo,c as ie,u as ao}from"./use-merged-state-66be05d7.js";import{a as Zo,c as en}from"./create-b75cc1a9.js";import{N as on,u as nn}from"./Loading-fead3a83.js";import{u as tn}from"./use-compitable-1a225331.js";import{u as rn}from"./use-form-item-34ce685d.js";import{u as We}from"./use-css-vars-class-3ae3b4b3.js";import{i as ln}from"./use-is-mounted-a34b74be.js";import{p as an,N as sn}from"./Popover-ab55c8ff.js";import{r as Pe}from"./render-ee8eb435.js";import{c as K}from"./create-key-bf4384d6.js";import{a as cn}from"./Suffix-56e79b3b.js";import{s as dn,N as un,W as hn,g as fn}from"./Scrollbar-35d51129.js";import{u as vn}from"./use-rtl-889b67fe.js";import{c as so}from"./color-to-class-b0332f36.js";import{N as gn}from"./Close-c51bd8a8.js";import{c as bn,a as pn}from"./cssr-e43ee704.js";import{r as co}from"./VResizeObserver-e3ad0bab.js";import{i as io,f as mn,u as to,b as Cn,a as xn,V as wn,c as uo}from"./Follower-3b5f0c65.js";import{F as yn,m as Sn}from"./FocusDetector-05234541.js";import{u as Ye}from"./use-memo-f04d43e5.js";import{N as kn}from"./Icon-e3cbad7d.js";import{e as Fn,N as On}from"./Empty-fcccc007.js";import{d as Pn,a as Qe}from"./index-22809599.js";import{V as zn}from"./VirtualList-ac9ae115.js";import{h as Ne}from"./happens-in-d88e25de.js";function Rn(e){switch(typeof e){case"string":return e||void 0;case"number":return String(e);default:return}}function Xe(e){const r=e.filter(n=>n!==void 0);if(r.length!==0)return r.length===1?r[0]:n=>{e.forEach(s=>{s&&s(n)})}}const Se="v-hidden",Mn=pn("[v-hidden]",{display:"none!important"}),ho=me({name:"Overflow",props:{getCounter:Function,getTail:Function,updateCounter:Function,onUpdateOverflow:Function},setup(e,{slots:r}){const n=I(null),s=I(null);function a(){const{value:d}=n,{getCounter:t,getTail:p}=e;let y;if(t!==void 0?y=t():y=s.value,!d||!y)return;y.hasAttribute(Se)&&y.removeAttribute(Se);const{children:C}=d,k=d.offsetWidth,F=[],b=r.tail?p==null?void 0:p():null;let h=b?b.offsetWidth:0,w=!1;const P=d.children.length-(r.tail?1:0);for(let x=0;x<P-1;++x){if(x<0)continue;const A=C[x];if(w){A.hasAttribute(Se)||A.setAttribute(Se,"");continue}else A.hasAttribute(Se)&&A.removeAttribute(Se);const W=A.offsetWidth;if(h+=W,F[x]=W,h>k){const{updateCounter:V}=e;for(let _=x;_>=0;--_){const H=P-1-_;V!==void 0?V(H):y.textContent=`${H}`;const U=y.offsetWidth;if(h-=F[_],h+U<=k||_===0){w=!0,x=_-1,b&&(x===-1?(b.style.maxWidth=`${k-U}px`,b.style.boxSizing="border-box"):b.style.maxWidth="");break}}}}const{onUpdateOverflow:m}=e;w?m!==void 0&&m(!0):(m!==void 0&&m(!1),y.setAttribute(Se,""))}const g=Yo();return Mn.mount({id:"vueuc/overflow",head:!0,anchorMetaName:bn,ssr:g}),Le(a),{selfRef:n,counterRef:s,sync:a}},render(){const{$slots:e}=this;return ro(this.sync),c("div",{class:"v-overflow",ref:"selfRef"},[Ko(e,"default"),e.counter?e.counter():c("span",{style:{display:"inline-block"},ref:"counterRef"}),e.tail?e.tail():null])}});function xo(e,r){r&&(Le(()=>{const{value:n}=e;n&&co.registerHandler(n,r)}),go(()=>{const{value:n}=e;n&&co.unregisterHandler(n)}))}const Tn=me({name:"Checkmark",render(){return c("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},c("g",{fill:"none"},c("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"})))}}),In={height:"calc(var(--n-option-height) * 7.6)",paddingSmall:"4px 0",paddingMedium:"4px 0",paddingLarge:"4px 0",paddingHuge:"4px 0",optionPaddingSmall:"0 12px",optionPaddingMedium:"0 12px",optionPaddingLarge:"0 12px",optionPaddingHuge:"0 12px",loadingSize:"18px"},$n=e=>{const{borderRadius:r,popoverColor:n,textColor3:s,dividerColor:a,textColor2:g,primaryColorPressed:d,textColorDisabled:t,primaryColor:p,opacityDisabled:y,hoverColor:C,fontSizeSmall:k,fontSizeMedium:F,fontSizeLarge:b,fontSizeHuge:h,heightSmall:w,heightMedium:P,heightLarge:m,heightHuge:x}=e;return Object.assign(Object.assign({},In),{optionFontSizeSmall:k,optionFontSizeMedium:F,optionFontSizeLarge:b,optionFontSizeHuge:h,optionHeightSmall:w,optionHeightMedium:P,optionHeightLarge:m,optionHeightHuge:x,borderRadius:r,color:n,groupHeaderTextColor:s,actionDividerColor:a,optionTextColor:g,optionTextColorPressed:d,optionTextColorDisabled:t,optionTextColorActive:p,optionOpacityDisabled:y,optionCheckColor:p,optionColorPending:C,optionColorActive:"rgba(0, 0, 0, 0)",optionColorActivePending:C,actionTextColor:g,loadingColor:p})},Bn=lo({name:"InternalSelectMenu",common:De,peers:{Scrollbar:dn,Empty:Fn},self:$n}),wo=Bn;function _n(e,r){return c(po,{name:"fade-in-scale-up-transition"},{default:()=>e?c(kn,{clsPrefix:r,class:`${r}-base-select-option__check`},{default:()=>c(Tn)}):null})}const fo=me({name:"NBaseSelectOption",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(e){const{valueRef:r,pendingTmNodeRef:n,multipleRef:s,valueSetRef:a,renderLabelRef:g,renderOptionRef:d,labelFieldRef:t,valueFieldRef:p,showCheckmarkRef:y,nodePropsRef:C,handleOptionClick:k,handleOptionMouseEnter:F}=bo(io),b=Ye(()=>{const{value:m}=n;return m?e.tmNode.key===m.key:!1});function h(m){const{tmNode:x}=e;x.disabled||k(m,x)}function w(m){const{tmNode:x}=e;x.disabled||F(m,x)}function P(m){const{tmNode:x}=e,{value:A}=b;x.disabled||A||F(m,x)}return{multiple:s,isGrouped:Ye(()=>{const{tmNode:m}=e,{parent:x}=m;return x&&x.rawNode.type==="group"}),showCheckmark:y,nodeProps:C,isPending:b,isSelected:Ye(()=>{const{value:m}=r,{value:x}=s;if(m===null)return!1;const A=e.tmNode.rawNode[p.value];if(x){const{value:W}=a;return W.has(A)}else return m===A}),labelField:t,renderLabel:g,renderOption:d,handleMouseMove:P,handleMouseEnter:w,handleClick:h}},render(){const{clsPrefix:e,tmNode:{rawNode:r},isSelected:n,isPending:s,isGrouped:a,showCheckmark:g,nodeProps:d,renderOption:t,renderLabel:p,handleClick:y,handleMouseEnter:C,handleMouseMove:k}=this,F=_n(n,e),b=p?[p(r,n),g&&F]:[Pe(r[this.labelField],r,n),g&&F],h=d==null?void 0:d(r),w=c("div",Object.assign({},h,{class:[`${e}-base-select-option`,r.class,h==null?void 0:h.class,{[`${e}-base-select-option--disabled`]:r.disabled,[`${e}-base-select-option--selected`]:n,[`${e}-base-select-option--grouped`]:a,[`${e}-base-select-option--pending`]:s,[`${e}-base-select-option--show-checkmark`]:g}],style:[(h==null?void 0:h.style)||"",r.style||""],onClick:Xe([y,h==null?void 0:h.onClick]),onMouseenter:Xe([C,h==null?void 0:h.onMouseenter]),onMousemove:Xe([k,h==null?void 0:h.onMousemove])}),c("div",{class:`${e}-base-select-option__content`},b));return r.render?r.render({node:w,option:r,selected:n}):t?t({node:w,option:r,selected:n}):w}}),vo=me({name:"NBaseSelectGroupHeader",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(){const{renderLabelRef:e,renderOptionRef:r,labelFieldRef:n,nodePropsRef:s}=bo(io);return{labelField:n,nodeProps:s,renderLabel:e,renderOption:r}},render(){const{clsPrefix:e,renderLabel:r,renderOption:n,nodeProps:s,tmNode:{rawNode:a}}=this,g=s==null?void 0:s(a),d=r?r(a,!1):Pe(a[this.labelField],a,!1),t=c("div",Object.assign({},g,{class:[`${e}-base-select-group-header`,g==null?void 0:g.class]}),d);return a.render?a.render({node:t,option:a}):n?n({node:t,option:a,selected:!1}):t}}),An=T("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);
|
|
`,[T("scrollbar",`
|
|
max-height: var(--n-height);
|
|
`),T("virtual-list",`
|
|
max-height: var(--n-height);
|
|
`),T("base-select-option",`
|
|
min-height: var(--n-option-height);
|
|
font-size: var(--n-option-font-size);
|
|
display: flex;
|
|
align-items: center;
|
|
`,[B("content",`
|
|
z-index: 1;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
`)]),T("base-select-group-header",`
|
|
min-height: var(--n-option-height);
|
|
font-size: .93em;
|
|
display: flex;
|
|
align-items: center;
|
|
`),T("base-select-menu-option-wrapper",`
|
|
position: relative;
|
|
width: 100%;
|
|
`),B("loading, empty",`
|
|
display: flex;
|
|
padding: 12px 32px;
|
|
flex: 1;
|
|
justify-content: center;
|
|
`),B("loading",`
|
|
color: var(--n-loading-color);
|
|
font-size: var(--n-loading-size);
|
|
`),B("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);
|
|
`),T("base-select-group-header",`
|
|
position: relative;
|
|
cursor: default;
|
|
padding: var(--n-option-padding);
|
|
color: var(--n-group-header-text-color);
|
|
`),T("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;
|
|
`,[j("show-checkmark",`
|
|
padding-right: calc(var(--n-option-padding-right) + 20px);
|
|
`),X("&::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);
|
|
`),X("&:active",`
|
|
color: var(--n-option-text-color-pressed);
|
|
`),j("grouped",`
|
|
padding-left: calc(var(--n-option-padding-left) * 1.5);
|
|
`),j("pending",[X("&::before",`
|
|
background-color: var(--n-option-color-pending);
|
|
`)]),j("selected",`
|
|
color: var(--n-option-text-color-active);
|
|
`,[X("&::before",`
|
|
background-color: var(--n-option-color-active);
|
|
`),j("pending",[X("&::before",`
|
|
background-color: var(--n-option-color-active-pending);
|
|
`)])]),j("disabled",`
|
|
cursor: not-allowed;
|
|
`,[ke("selected",`
|
|
color: var(--n-option-text-color-disabled);
|
|
`),j("selected",`
|
|
opacity: var(--n-option-opacity-disabled);
|
|
`)]),B("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);
|
|
`,[mo({enterScale:"0.5"})])])]),En=me({name:"InternalSelectMenu",props:Object.assign(Object.assign({},pe.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 r=pe("InternalSelectMenu","-internal-select-menu",An,wo,e,Y(e,"clsPrefix")),n=I(null),s=I(null),a=I(null),g=E(()=>e.treeMate.getFlattenedNodes()),d=E(()=>Zo(g.value)),t=I(null);function p(){const{treeMate:i}=e;let f=null;const{value:N}=e;N===null?f=i.getFirstAvailableNode():(e.multiple?f=i.getNode((N||[])[(N||[]).length-1]):f=i.getNode(N),(!f||f.disabled)&&(f=i.getFirstAvailableNode())),q(f||null)}function y(){const{value:i}=t;i&&!e.treeMate.getNode(i.key)&&(t.value=null)}let C;ze(()=>e.show,i=>{i?C=ze(()=>e.treeMate,()=>{e.resetMenuOnOptionsChange?(e.autoPending?p():y(),ro(D)):y()},{immediate:!0}):C==null||C()},{immediate:!0}),go(()=>{C==null||C()});const k=E(()=>Pn(r.value.self[K("optionHeight",e.size)])),F=E(()=>Qe(r.value.self[K("padding",e.size)])),b=E(()=>e.multiple&&Array.isArray(e.value)?new Set(e.value):new Set),h=E(()=>{const i=g.value;return i&&i.length===0});function w(i){const{onToggle:f}=e;f&&f(i)}function P(i){const{onScroll:f}=e;f&&f(i)}function m(i){var f;(f=a.value)===null||f===void 0||f.sync(),P(i)}function x(){var i;(i=a.value)===null||i===void 0||i.sync()}function A(){const{value:i}=t;return i||null}function W(i,f){f.disabled||q(f,!1)}function V(i,f){f.disabled||w(f)}function _(i){var f;Ne(i,"action")||(f=e.onKeyup)===null||f===void 0||f.call(e,i)}function H(i){var f;Ne(i,"action")||(f=e.onKeydown)===null||f===void 0||f.call(e,i)}function U(i){var f;(f=e.onMousedown)===null||f===void 0||f.call(e,i),!e.focusable&&i.preventDefault()}function Z(){const{value:i}=t;i&&q(i.getNext({loop:!0}),!0)}function J(){const{value:i}=t;i&&q(i.getPrev({loop:!0}),!0)}function q(i,f=!1){t.value=i,f&&D()}function D(){var i,f;const N=t.value;if(!N)return;const re=d.value(N.key);re!==null&&(e.virtualScroll?(i=s.value)===null||i===void 0||i.scrollTo({index:re}):(f=a.value)===null||f===void 0||f.scrollTo({index:re,elSize:k.value}))}function ne(i){var f,N;!((f=n.value)===null||f===void 0)&&f.contains(i.target)&&((N=e.onFocus)===null||N===void 0||N.call(e,i))}function he(i){var f,N;!((f=n.value)===null||f===void 0)&&f.contains(i.relatedTarget)||(N=e.onBlur)===null||N===void 0||N.call(e,i)}oo(io,{handleOptionMouseEnter:W,handleOptionClick:V,valueSetRef:b,pendingTmNodeRef:t,nodePropsRef:Y(e,"nodeProps"),showCheckmarkRef:Y(e,"showCheckmark"),multipleRef:Y(e,"multiple"),valueRef:Y(e,"value"),renderLabelRef:Y(e,"renderLabel"),renderOptionRef:Y(e,"renderOption"),labelFieldRef:Y(e,"labelField"),valueFieldRef:Y(e,"valueField")}),oo(mn,n),Le(()=>{const{value:i}=a;i&&i.sync()});const de=E(()=>{const{size:i}=e,{common:{cubicBezierEaseInOut:f},self:{height:N,borderRadius:re,color:fe,groupHeaderTextColor:Ce,actionDividerColor:xe,optionTextColorPressed:ve,optionTextColor:ue,optionTextColorDisabled:le,optionTextColorActive:Q,optionOpacityDisabled:ge,optionCheckColor:se,actionTextColor:Re,optionColorPending:we,optionColorActive:ye,loadingColor:Me,loadingSize:Te,optionColorActivePending:Ie,[K("optionFontSize",i)]:Fe,[K("optionHeight",i)]:Oe,[K("optionPadding",i)]:oe}}=r.value;return{"--n-height":N,"--n-action-divider-color":xe,"--n-action-text-color":Re,"--n-bezier":f,"--n-border-radius":re,"--n-color":fe,"--n-option-font-size":Fe,"--n-group-header-text-color":Ce,"--n-option-check-color":se,"--n-option-color-pending":we,"--n-option-color-active":ye,"--n-option-color-active-pending":Ie,"--n-option-height":Oe,"--n-option-opacity-disabled":ge,"--n-option-text-color":ue,"--n-option-text-color-active":Q,"--n-option-text-color-disabled":le,"--n-option-text-color-pressed":ve,"--n-option-padding":oe,"--n-option-padding-left":Qe(oe,"left"),"--n-option-padding-right":Qe(oe,"right"),"--n-loading-color":Me,"--n-loading-size":Te}}),{inlineThemeDisabled:te}=e,ee=te?We("internal-select-menu",E(()=>e.size[0]),de,e):void 0,ae={selfRef:n,next:Z,prev:J,getPendingTmNode:A};return xo(n,e.onResize),Object.assign({mergedTheme:r,virtualListRef:s,scrollbarRef:a,itemSize:k,padding:F,flattenedNodes:g,empty:h,virtualListContainer(){const{value:i}=s;return i==null?void 0:i.listElRef},virtualListContent(){const{value:i}=s;return i==null?void 0:i.itemsElRef},doScroll:P,handleFocusin:ne,handleFocusout:he,handleKeyUp:_,handleKeyDown:H,handleMouseDown:U,handleVirtualListResize:x,handleVirtualListScroll:m,cssVars:te?void 0:de,themeClass:ee==null?void 0:ee.themeClass,onRender:ee==null?void 0:ee.onRender},ae)},render(){const{$slots:e,virtualScroll:r,clsPrefix:n,mergedTheme:s,themeClass:a,onRender:g}=this;return g==null||g(),c("div",{ref:"selfRef",tabindex:this.focusable?0:-1,class:[`${n}-base-select-menu`,a,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},this.loading?c("div",{class:`${n}-base-select-menu__loading`},c(on,{clsPrefix:n,strokeWidth:20})):this.empty?c("div",{class:`${n}-base-select-menu__empty`,"data-empty":!0,"data-action":!0},Xo(e.empty,()=>[c(On,{theme:s.peers.Empty,themeOverrides:s.peerOverrides.Empty})])):c(un,{ref:"scrollbarRef",theme:s.peers.Scrollbar,themeOverrides:s.peerOverrides.Scrollbar,scrollable:this.scrollable,container:r?this.virtualListContainer:void 0,content:r?this.virtualListContent:void 0,onScroll:r?void 0:this.doScroll},{default:()=>r?c(zn,{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:d})=>d.isGroup?c(vo,{key:d.key,clsPrefix:n,tmNode:d}):d.ignored?null:c(fo,{clsPrefix:n,key:d.key,tmNode:d})}):c("div",{class:`${n}-base-select-menu-option-wrapper`,style:{paddingTop:this.padding.top,paddingBottom:this.padding.bottom}},this.flattenedNodes.map(d=>d.isGroup?c(vo,{key:d.key,clsPrefix:n,tmNode:d}):c(fo,{clsPrefix:n,key:d.key,tmNode:d})))}),no(e.action,d=>d&&[c("div",{class:`${n}-base-select-menu__action`,"data-action":!0,key:"action"},d),c(yn,{onFocus:this.onTabOut,key:"focus-detector"})]))}}),Nn={closeIconSizeTiny:"12px",closeIconSizeSmall:"12px",closeIconSizeMedium:"14px",closeIconSizeLarge:"14px",closeSizeTiny:"16px",closeSizeSmall:"16px",closeSizeMedium:"18px",closeSizeLarge:"18px",padding:"0 7px",closeMargin:"0 0 0 4px",closeMarginRtl:"0 4px 0 0"},Hn=e=>{const{textColor2:r,primaryColorHover:n,primaryColorPressed:s,primaryColor:a,infoColor:g,successColor:d,warningColor:t,errorColor:p,baseColor:y,borderColor:C,opacityDisabled:k,tagColor:F,closeIconColor:b,closeIconColorHover:h,closeIconColorPressed:w,borderRadiusSmall:P,fontSizeMini:m,fontSizeTiny:x,fontSizeSmall:A,fontSizeMedium:W,heightMini:V,heightTiny:_,heightSmall:H,heightMedium:U,closeColorHover:Z,closeColorPressed:J,buttonColor2Hover:q,buttonColor2Pressed:D,fontWeightStrong:ne}=e;return Object.assign(Object.assign({},Nn),{closeBorderRadius:P,heightTiny:V,heightSmall:_,heightMedium:H,heightLarge:U,borderRadius:P,opacityDisabled:k,fontSizeTiny:m,fontSizeSmall:x,fontSizeMedium:A,fontSizeLarge:W,fontWeightStrong:ne,textColorCheckable:r,textColorHoverCheckable:r,textColorPressedCheckable:r,textColorChecked:y,colorCheckable:"#0000",colorHoverCheckable:q,colorPressedCheckable:D,colorChecked:a,colorCheckedHover:n,colorCheckedPressed:s,border:`1px solid ${C}`,textColor:r,color:F,colorBordered:"rgb(250, 250, 252)",closeIconColor:b,closeIconColorHover:h,closeIconColorPressed:w,closeColorHover:Z,closeColorPressed:J,borderPrimary:`1px solid ${$(a,{alpha:.3})}`,textColorPrimary:a,colorPrimary:$(a,{alpha:.12}),colorBorderedPrimary:$(a,{alpha:.1}),closeIconColorPrimary:a,closeIconColorHoverPrimary:a,closeIconColorPressedPrimary:a,closeColorHoverPrimary:$(a,{alpha:.12}),closeColorPressedPrimary:$(a,{alpha:.18}),borderInfo:`1px solid ${$(g,{alpha:.3})}`,textColorInfo:g,colorInfo:$(g,{alpha:.12}),colorBorderedInfo:$(g,{alpha:.1}),closeIconColorInfo:g,closeIconColorHoverInfo:g,closeIconColorPressedInfo:g,closeColorHoverInfo:$(g,{alpha:.12}),closeColorPressedInfo:$(g,{alpha:.18}),borderSuccess:`1px solid ${$(d,{alpha:.3})}`,textColorSuccess:d,colorSuccess:$(d,{alpha:.12}),colorBorderedSuccess:$(d,{alpha:.1}),closeIconColorSuccess:d,closeIconColorHoverSuccess:d,closeIconColorPressedSuccess:d,closeColorHoverSuccess:$(d,{alpha:.12}),closeColorPressedSuccess:$(d,{alpha:.18}),borderWarning:`1px solid ${$(t,{alpha:.35})}`,textColorWarning:t,colorWarning:$(t,{alpha:.15}),colorBorderedWarning:$(t,{alpha:.12}),closeIconColorWarning:t,closeIconColorHoverWarning:t,closeIconColorPressedWarning:t,closeColorHoverWarning:$(t,{alpha:.12}),closeColorPressedWarning:$(t,{alpha:.18}),borderError:`1px solid ${$(p,{alpha:.23})}`,textColorError:p,colorError:$(p,{alpha:.1}),colorBorderedError:$(p,{alpha:.08}),closeIconColorError:p,closeIconColorHoverError:p,closeIconColorPressedError:p,closeColorHoverError:$(p,{alpha:.12}),closeColorPressedError:$(p,{alpha:.18})})},Ln={name:"Tag",common:De,self:Hn},Dn=Ln,Wn={color:Object,type:{type:String,default:"default"},round:Boolean,size:{type:String,default:"medium"},closable:Boolean,disabled:{type:Boolean,default:void 0}},Vn=T("tag",`
|
|
white-space: nowrap;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
flex-wrap: nowrap;
|
|
padding: var(--n-padding);
|
|
border-radius: var(--n-border-radius);
|
|
color: var(--n-text-color);
|
|
background-color: var(--n-color);
|
|
transition:
|
|
border-color .3s var(--n-bezier),
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier),
|
|
box-shadow .3s var(--n-bezier),
|
|
opacity .3s var(--n-bezier);
|
|
line-height: 1;
|
|
height: var(--n-height);
|
|
font-size: var(--n-font-size);
|
|
`,[j("strong",`
|
|
font-weight: var(--n-font-weight-strong);
|
|
`),B("border",`
|
|
pointer-events: none;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-radius: inherit;
|
|
border: var(--n-border);
|
|
transition: border-color .3s var(--n-bezier);
|
|
`),B("icon",`
|
|
display: flex;
|
|
margin: 0 4px 0 0;
|
|
color: var(--n-text-color);
|
|
transition: color .3s var(--n-bezier);
|
|
font-size: var(--n-avatar-size-override);
|
|
`),B("avatar",`
|
|
display: flex;
|
|
margin: 0 6px 0 0;
|
|
`),B("close",`
|
|
margin: var(--n-close-margin);
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
`),j("round",`
|
|
padding: 0 calc(var(--n-height) / 3);
|
|
border-radius: calc(var(--n-height) / 2);
|
|
`,[B("icon",`
|
|
margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
|
|
`),B("avatar",`
|
|
margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
|
|
`),j("closable",`
|
|
padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
|
|
`)]),j("icon, avatar",[j("round",`
|
|
padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
|
|
`)]),j("disabled",`
|
|
cursor: not-allowed !important;
|
|
opacity: var(--n-opacity-disabled);
|
|
`),j("checkable",`
|
|
cursor: pointer;
|
|
box-shadow: none;
|
|
color: var(--n-text-color-checkable);
|
|
background-color: var(--n-color-checkable);
|
|
`,[ke("disabled",[X("&:hover","background-color: var(--n-color-hover-checkable);",[ke("checked","color: var(--n-text-color-hover-checkable);")]),X("&:active","background-color: var(--n-color-pressed-checkable);",[ke("checked","color: var(--n-text-color-pressed-checkable);")])]),j("checked",`
|
|
color: var(--n-text-color-checked);
|
|
background-color: var(--n-color-checked);
|
|
`,[ke("disabled",[X("&:hover","background-color: var(--n-color-checked-hover);"),X("&:active","background-color: var(--n-color-checked-pressed);")])])])]),jn=Object.assign(Object.assign(Object.assign({},pe.props),Wn),{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}),Kn=Qo("n-tag"),Ze=me({name:"Tag",props:jn,setup(e){const r=I(null),{mergedBorderedRef:n,mergedClsPrefixRef:s,inlineThemeDisabled:a,mergedRtlRef:g}=Co(e),d=pe("Tag","-tag",Vn,Dn,e,s);oo(Kn,{roundRef:Y(e,"round")});function t(b){if(!e.disabled&&e.checkable){const{checked:h,onCheckedChange:w,onUpdateChecked:P,"onUpdate:checked":m}=e;P&&P(!h),m&&m(!h),w&&w(!h)}}function p(b){if(e.triggerClickOnClose||b.stopPropagation(),!e.disabled){const{onClose:h}=e;h&&ie(h,b)}}const y={setTextContent(b){const{value:h}=r;h&&(h.textContent=b)}},C=vn("Tag",g,s),k=E(()=>{const{type:b,size:h,color:{color:w,textColor:P}={}}=e,{common:{cubicBezierEaseInOut:m},self:{padding:x,closeMargin:A,closeMarginRtl:W,borderRadius:V,opacityDisabled:_,textColorCheckable:H,textColorHoverCheckable:U,textColorPressedCheckable:Z,textColorChecked:J,colorCheckable:q,colorHoverCheckable:D,colorPressedCheckable:ne,colorChecked:he,colorCheckedHover:de,colorCheckedPressed:te,closeBorderRadius:ee,fontWeightStrong:ae,[K("colorBordered",b)]:i,[K("closeSize",h)]:f,[K("closeIconSize",h)]:N,[K("fontSize",h)]:re,[K("height",h)]:fe,[K("color",b)]:Ce,[K("textColor",b)]:xe,[K("border",b)]:ve,[K("closeIconColor",b)]:ue,[K("closeIconColorHover",b)]:le,[K("closeIconColorPressed",b)]:Q,[K("closeColorHover",b)]:ge,[K("closeColorPressed",b)]:se}}=d.value;return{"--n-font-weight-strong":ae,"--n-avatar-size-override":`calc(${fe} - 8px)`,"--n-bezier":m,"--n-border-radius":V,"--n-border":ve,"--n-close-icon-size":N,"--n-close-color-pressed":se,"--n-close-color-hover":ge,"--n-close-border-radius":ee,"--n-close-icon-color":ue,"--n-close-icon-color-hover":le,"--n-close-icon-color-pressed":Q,"--n-close-icon-color-disabled":ue,"--n-close-margin":A,"--n-close-margin-rtl":W,"--n-close-size":f,"--n-color":w||(n.value?i:Ce),"--n-color-checkable":q,"--n-color-checked":he,"--n-color-checked-hover":de,"--n-color-checked-pressed":te,"--n-color-hover-checkable":D,"--n-color-pressed-checkable":ne,"--n-font-size":re,"--n-height":fe,"--n-opacity-disabled":_,"--n-padding":x,"--n-text-color":P||xe,"--n-text-color-checkable":H,"--n-text-color-checked":J,"--n-text-color-hover-checkable":U,"--n-text-color-pressed-checkable":Z}}),F=a?We("tag",E(()=>{let b="";const{type:h,size:w,color:{color:P,textColor:m}={}}=e;return b+=h[0],b+=w[0],P&&(b+=`a${so(P)}`),m&&(b+=`b${so(m)}`),n.value&&(b+="c"),b}),k,e):void 0;return Object.assign(Object.assign({},y),{rtlEnabled:C,mergedClsPrefix:s,contentRef:r,mergedBordered:n,handleClick:t,handleCloseClick:p,cssVars:a?void 0:k,themeClass:F==null?void 0:F.themeClass,onRender:F==null?void 0:F.onRender})},render(){var e,r;const{mergedClsPrefix:n,rtlEnabled:s,closable:a,color:{borderColor:g}={},round:d,onRender:t,$slots:p}=this;t==null||t();const y=no(p.avatar,k=>k&&c("div",{class:`${n}-tag__avatar`},k)),C=no(p.icon,k=>k&&c("div",{class:`${n}-tag__icon`},k));return c("div",{class:[`${n}-tag`,this.themeClass,{[`${n}-tag--rtl`]:s,[`${n}-tag--strong`]:this.strong,[`${n}-tag--disabled`]:this.disabled,[`${n}-tag--checkable`]:this.checkable,[`${n}-tag--checked`]:this.checkable&&this.checked,[`${n}-tag--round`]:d,[`${n}-tag--avatar`]:y,[`${n}-tag--icon`]:C,[`${n}-tag--closable`]:a}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},C||y,c("span",{class:`${n}-tag__content`,ref:"contentRef"},(r=(e=this.$slots).default)===null||r===void 0?void 0:r.call(e)),!this.checkable&&a?c(gn,{clsPrefix:n,class:`${n}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:d,isButtonTag:this.internalCloseIsButtonTag,absolute:!0}):null,!this.checkable&&this.mergedBordered?c("div",{class:`${n}-tag__border`,style:{borderColor:g}}):null)}}),Un={paddingSingle:"0 26px 0 12px",paddingMultiple:"3px 26px 0 12px",clearSize:"16px",arrowSize:"16px"},Gn=e=>{const{borderRadius:r,textColor2:n,textColorDisabled:s,inputColor:a,inputColorDisabled:g,primaryColor:d,primaryColorHover:t,warningColor:p,warningColorHover:y,errorColor:C,errorColorHover:k,borderColor:F,iconColor:b,iconColorDisabled:h,clearColor:w,clearColorHover:P,clearColorPressed:m,placeholderColor:x,placeholderColorDisabled:A,fontSizeTiny:W,fontSizeSmall:V,fontSizeMedium:_,fontSizeLarge:H,heightTiny:U,heightSmall:Z,heightMedium:J,heightLarge:q}=e;return Object.assign(Object.assign({},Un),{fontSizeTiny:W,fontSizeSmall:V,fontSizeMedium:_,fontSizeLarge:H,heightTiny:U,heightSmall:Z,heightMedium:J,heightLarge:q,borderRadius:r,textColor:n,textColorDisabled:s,placeholderColor:x,placeholderColorDisabled:A,color:a,colorDisabled:g,colorActive:a,border:`1px solid ${F}`,borderHover:`1px solid ${t}`,borderActive:`1px solid ${d}`,borderFocus:`1px solid ${t}`,boxShadowHover:"none",boxShadowActive:`0 0 0 2px ${$(d,{alpha:.2})}`,boxShadowFocus:`0 0 0 2px ${$(d,{alpha:.2})}`,caretColor:d,arrowColor:b,arrowColorDisabled:h,loadingColor:d,borderWarning:`1px solid ${p}`,borderHoverWarning:`1px solid ${y}`,borderActiveWarning:`1px solid ${p}`,borderFocusWarning:`1px solid ${y}`,boxShadowHoverWarning:"none",boxShadowActiveWarning:`0 0 0 2px ${$(p,{alpha:.2})}`,boxShadowFocusWarning:`0 0 0 2px ${$(p,{alpha:.2})}`,colorActiveWarning:a,caretColorWarning:p,borderError:`1px solid ${C}`,borderHoverError:`1px solid ${k}`,borderActiveError:`1px solid ${C}`,borderFocusError:`1px solid ${k}`,boxShadowHoverError:"none",boxShadowActiveError:`0 0 0 2px ${$(C,{alpha:.2})}`,boxShadowFocusError:`0 0 0 2px ${$(C,{alpha:.2})}`,colorActiveError:a,caretColorError:C,clearColor:w,clearColorHover:P,clearColorPressed:m})},qn=lo({name:"InternalSelection",common:De,peers:{Popover:an},self:Gn}),yo=qn,Jn=X([T("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);
|
|
`,[T("base-loading",`
|
|
color: var(--n-loading-color);
|
|
`),T("base-selection-tags","min-height: var(--n-height);"),B("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);
|
|
`),B("state-border",`
|
|
z-index: 1;
|
|
border-color: #0000;
|
|
`),T("base-suffix",`
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 10px;
|
|
`,[B("arrow",`
|
|
font-size: var(--n-arrow-size);
|
|
color: var(--n-arrow-color);
|
|
transition: color .3s var(--n-bezier);
|
|
`)]),T("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);
|
|
`,[B("wrapper",`
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
`)]),T("base-selection-placeholder",`
|
|
color: var(--n-placeholder-color);
|
|
`,[B("inner",`
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
`)]),T("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);
|
|
`),T("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;
|
|
`,[T("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);
|
|
`,[B("content",`
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
`)]),B("render-label",`
|
|
color: var(--n-text-color);
|
|
`)]),ke("disabled",[X("&:hover",[B("state-border",`
|
|
box-shadow: var(--n-box-shadow-hover);
|
|
border: var(--n-border-hover);
|
|
`)]),j("focus",[B("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
border: var(--n-border-focus);
|
|
`)]),j("active",[B("state-border",`
|
|
box-shadow: var(--n-box-shadow-active);
|
|
border: var(--n-border-active);
|
|
`),T("base-selection-label","background-color: var(--n-color-active);"),T("base-selection-tags","background-color: var(--n-color-active);")])]),j("disabled","cursor: not-allowed;",[B("arrow",`
|
|
color: var(--n-arrow-color-disabled);
|
|
`),T("base-selection-label",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`,[T("base-selection-input",`
|
|
cursor: not-allowed;
|
|
color: var(--n-text-color-disabled);
|
|
`),B("render-label",`
|
|
color: var(--n-text-color-disabled);
|
|
`)]),T("base-selection-tags",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`),T("base-selection-placeholder",`
|
|
cursor: not-allowed;
|
|
color: var(--n-placeholder-color-disabled);
|
|
`)]),T("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;
|
|
`,[B("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);
|
|
`),B("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=>j(`${e}-status`,[B("state-border",`border: var(--n-border-${e});`),ke("disabled",[X("&:hover",[B("state-border",`
|
|
box-shadow: var(--n-box-shadow-hover-${e});
|
|
border: var(--n-border-hover-${e});
|
|
`)]),j("active",[B("state-border",`
|
|
box-shadow: var(--n-box-shadow-active-${e});
|
|
border: var(--n-border-active-${e});
|
|
`),T("base-selection-label",`background-color: var(--n-color-active-${e});`),T("base-selection-tags",`background-color: var(--n-color-active-${e});`)]),j("focus",[B("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
border: var(--n-border-focus-${e});
|
|
`)])])]))]),T("base-selection-popover",`
|
|
margin-bottom: -3px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-right: -8px;
|
|
`),T("base-selection-tag-wrapper",`
|
|
max-width: 100%;
|
|
display: inline-flex;
|
|
padding: 0 7px 3px 0;
|
|
`,[X("&:last-child","padding-right: 0;"),T("tag",`
|
|
font-size: 14px;
|
|
max-width: 100%;
|
|
`,[B("content",`
|
|
line-height: 1.25;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
`)])])]),Yn=me({name:"InternalSelection",props:Object.assign(Object.assign({},pe.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 r=I(null),n=I(null),s=I(null),a=I(null),g=I(null),d=I(null),t=I(null),p=I(null),y=I(null),C=I(null),k=I(!1),F=I(!1),b=I(!1),h=pe("InternalSelection","-internal-selection",Jn,yo,e,Y(e,"clsPrefix")),w=E(()=>e.clearable&&!e.disabled&&(b.value||e.active)),P=E(()=>e.selectedOption?e.renderTag?e.renderTag({option:e.selectedOption,handleClose:()=>{}}):e.renderLabel?e.renderLabel(e.selectedOption,!0):Pe(e.selectedOption[e.labelField],e.selectedOption,!0):e.placeholder),m=E(()=>{const l=e.selectedOption;if(l)return l[e.labelField]}),x=E(()=>e.multiple?!!(Array.isArray(e.selectedOptions)&&e.selectedOptions.length):e.selectedOption!==null);function A(){var l;const{value:v}=r;if(v){const{value:L}=n;L&&(L.style.width=`${v.offsetWidth}px`,e.maxTagCount!=="responsive"&&((l=y.value)===null||l===void 0||l.sync()))}}function W(){const{value:l}=C;l&&(l.style.display="none")}function V(){const{value:l}=C;l&&(l.style.display="inline-block")}ze(Y(e,"active"),l=>{l||W()}),ze(Y(e,"pattern"),()=>{e.multiple&&ro(A)});function _(l){const{onFocus:v}=e;v&&v(l)}function H(l){const{onBlur:v}=e;v&&v(l)}function U(l){const{onDeleteOption:v}=e;v&&v(l)}function Z(l){const{onClear:v}=e;v&&v(l)}function J(l){const{onPatternInput:v}=e;v&&v(l)}function q(l){var v;(!l.relatedTarget||!(!((v=s.value)===null||v===void 0)&&v.contains(l.relatedTarget)))&&_(l)}function D(l){var v;!((v=s.value)===null||v===void 0)&&v.contains(l.relatedTarget)||H(l)}function ne(l){Z(l)}function he(){b.value=!0}function de(){b.value=!1}function te(l){!e.active||!e.filterable||l.target!==n.value&&l.preventDefault()}function ee(l){U(l)}function ae(l){if(l.key==="Backspace"&&!i.value&&!e.pattern.length){const{selectedOptions:v}=e;v!=null&&v.length&&ee(v[v.length-1])}}const i=I(!1);let f=null;function N(l){const{value:v}=r;if(v){const L=l.target.value;v.textContent=L,A()}e.ignoreComposition&&i.value?f=l:J(l)}function re(){i.value=!0}function fe(){i.value=!1,e.ignoreComposition&&J(f),f=null}function Ce(l){var v;F.value=!0,(v=e.onPatternFocus)===null||v===void 0||v.call(e,l)}function xe(l){var v;F.value=!1,(v=e.onPatternBlur)===null||v===void 0||v.call(e,l)}function ve(){var l,v;if(e.filterable)F.value=!1,(l=d.value)===null||l===void 0||l.blur(),(v=n.value)===null||v===void 0||v.blur();else if(e.multiple){const{value:L}=a;L==null||L.blur()}else{const{value:L}=g;L==null||L.blur()}}function ue(){var l,v,L;e.filterable?(F.value=!1,(l=d.value)===null||l===void 0||l.focus()):e.multiple?(v=a.value)===null||v===void 0||v.focus():(L=g.value)===null||L===void 0||L.focus()}function le(){const{value:l}=n;l&&(V(),l.focus())}function Q(){const{value:l}=n;l&&l.blur()}function ge(l){const{value:v}=t;v&&v.setTextContent(`+${l}`)}function se(){const{value:l}=p;return l}function Re(){return n.value}let we=null;function ye(){we!==null&&window.clearTimeout(we)}function Me(){e.active||(ye(),we=window.setTimeout(()=>{x.value&&(k.value=!0)},100))}function Te(){ye()}function Ie(l){l||(ye(),k.value=!1)}ze(x,l=>{l||(k.value=!1)}),Le(()=>{Uo(()=>{const l=d.value;l&&(e.disabled?l.removeAttribute("tabindex"):l.tabIndex=F.value?-1:0)})}),xo(s,e.onResize);const{inlineThemeDisabled:Fe}=e,Oe=E(()=>{const{size:l}=e,{common:{cubicBezierEaseInOut:v},self:{borderRadius:L,color:$e,placeholderColor:Ve,textColor:je,paddingSingle:Ke,paddingMultiple:Ue,caretColor:Be,colorDisabled:_e,textColorDisabled:Ae,placeholderColorDisabled:Ge,colorActive:qe,boxShadowFocus:Ee,boxShadowActive:be,boxShadowHover:o,border:u,borderFocus:S,borderHover:M,borderActive:z,arrowColor:O,arrowColorDisabled:R,loadingColor:G,colorActiveWarning:ce,boxShadowFocusWarning:Je,boxShadowActiveWarning:ko,boxShadowHoverWarning:Fo,borderWarning:Oo,borderFocusWarning:Po,borderHoverWarning:zo,borderActiveWarning:Ro,colorActiveError:Mo,boxShadowFocusError:To,boxShadowActiveError:Io,boxShadowHoverError:$o,borderError:Bo,borderFocusError:_o,borderHoverError:Ao,borderActiveError:Eo,clearColor:No,clearColorHover:Ho,clearColorPressed:Lo,clearSize:Do,arrowSize:Wo,[K("height",l)]:Vo,[K("fontSize",l)]:jo}}=h.value;return{"--n-bezier":v,"--n-border":u,"--n-border-active":z,"--n-border-focus":S,"--n-border-hover":M,"--n-border-radius":L,"--n-box-shadow-active":be,"--n-box-shadow-focus":Ee,"--n-box-shadow-hover":o,"--n-caret-color":Be,"--n-color":$e,"--n-color-active":qe,"--n-color-disabled":_e,"--n-font-size":jo,"--n-height":Vo,"--n-padding-single":Ke,"--n-padding-multiple":Ue,"--n-placeholder-color":Ve,"--n-placeholder-color-disabled":Ge,"--n-text-color":je,"--n-text-color-disabled":Ae,"--n-arrow-color":O,"--n-arrow-color-disabled":R,"--n-loading-color":G,"--n-color-active-warning":ce,"--n-box-shadow-focus-warning":Je,"--n-box-shadow-active-warning":ko,"--n-box-shadow-hover-warning":Fo,"--n-border-warning":Oo,"--n-border-focus-warning":Po,"--n-border-hover-warning":zo,"--n-border-active-warning":Ro,"--n-color-active-error":Mo,"--n-box-shadow-focus-error":To,"--n-box-shadow-active-error":Io,"--n-box-shadow-hover-error":$o,"--n-border-error":Bo,"--n-border-focus-error":_o,"--n-border-hover-error":Ao,"--n-border-active-error":Eo,"--n-clear-size":Do,"--n-clear-color":No,"--n-clear-color-hover":Ho,"--n-clear-color-pressed":Lo,"--n-arrow-size":Wo}}),oe=Fe?We("internal-selection",E(()=>e.size[0]),Oe,e):void 0;return{mergedTheme:h,mergedClearable:w,patternInputFocused:F,filterablePlaceholder:P,label:m,selected:x,showTagsPanel:k,isComposing:i,counterRef:t,counterWrapperRef:p,patternInputMirrorRef:r,patternInputRef:n,selfRef:s,multipleElRef:a,singleElRef:g,patternInputWrapperRef:d,overflowRef:y,inputTagElRef:C,handleMouseDown:te,handleFocusin:q,handleClear:ne,handleMouseEnter:he,handleMouseLeave:de,handleDeleteOption:ee,handlePatternKeyDown:ae,handlePatternInputInput:N,handlePatternInputBlur:xe,handlePatternInputFocus:Ce,handleMouseEnterCounter:Me,handleMouseLeaveCounter:Te,handleFocusout:D,handleCompositionEnd:fe,handleCompositionStart:re,onPopoverUpdateShow:Ie,focus:ue,focusInput:le,blur:ve,blurInput:Q,updateCounter:ge,getCounter:se,getTail:Re,renderLabel:e.renderLabel,cssVars:Fe?void 0:Oe,themeClass:oe==null?void 0:oe.themeClass,onRender:oe==null?void 0:oe.onRender}},render(){const{status:e,multiple:r,size:n,disabled:s,filterable:a,maxTagCount:g,bordered:d,clsPrefix:t,onRender:p,renderTag:y,renderLabel:C}=this;p==null||p();const k=g==="responsive",F=typeof g=="number",b=k||F,h=c(hn,null,{default:()=>c(cn,{clsPrefix:t,loading:this.loading,showArrow:this.showArrow,showClear:this.mergedClearable&&this.selected,onClear:this.handleClear},{default:()=>{var P,m;return(m=(P=this.$slots).arrow)===null||m===void 0?void 0:m.call(P)}})});let w;if(r){const{labelField:P}=this,m=D=>c("div",{class:`${t}-base-selection-tag-wrapper`,key:D.value},y?y({option:D,handleClose:()=>{this.handleDeleteOption(D)}}):c(Ze,{size:n,closable:!D.disabled,disabled:s,onClose:()=>{this.handleDeleteOption(D)},internalCloseIsButtonTag:!1,internalCloseFocusable:!1},{default:()=>C?C(D,!0):Pe(D[P],D,!0)})),x=()=>(F?this.selectedOptions.slice(0,g):this.selectedOptions).map(m),A=a?c("div",{class:`${t}-base-selection-input-tag`,ref:"inputTagElRef",key:"__input-tag__"},c("input",Object.assign({},this.inputProps,{ref:"patternInputRef",tabindex:-1,disabled:s,value:this.pattern,autofocus:this.autofocus,class:`${t}-base-selection-input-tag__input`,onBlur:this.handlePatternInputBlur,onFocus:this.handlePatternInputFocus,onKeydown:this.handlePatternKeyDown,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),c("span",{ref:"patternInputMirrorRef",class:`${t}-base-selection-input-tag__mirror`},this.pattern)):null,W=k?()=>c("div",{class:`${t}-base-selection-tag-wrapper`,ref:"counterWrapperRef"},c(Ze,{size:n,ref:"counterRef",onMouseenter:this.handleMouseEnterCounter,onMouseleave:this.handleMouseLeaveCounter,disabled:s})):void 0;let V;if(F){const D=this.selectedOptions.length-g;D>0&&(V=c("div",{class:`${t}-base-selection-tag-wrapper`,key:"__counter__"},c(Ze,{size:n,ref:"counterRef",onMouseenter:this.handleMouseEnterCounter,disabled:s},{default:()=>`+${D}`})))}const _=k?a?c(ho,{ref:"overflowRef",updateCounter:this.updateCounter,getCounter:this.getCounter,getTail:this.getTail,style:{width:"100%",display:"flex",overflow:"hidden"}},{default:x,counter:W,tail:()=>A}):c(ho,{ref:"overflowRef",updateCounter:this.updateCounter,getCounter:this.getCounter,style:{width:"100%",display:"flex",overflow:"hidden"}},{default:x,counter:W}):F?x().concat(V):x(),H=b?()=>c("div",{class:`${t}-base-selection-popover`},k?x():this.selectedOptions.map(m)):void 0,U=b?{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,J=(this.selected?!1:this.active?!this.pattern&&!this.isComposing:!0)?c("div",{class:`${t}-base-selection-placeholder ${t}-base-selection-overlay`},c("div",{class:`${t}-base-selection-placeholder__inner`},this.placeholder)):null,q=a?c("div",{ref:"patternInputWrapperRef",class:`${t}-base-selection-tags`},_,k?null:A,h):c("div",{ref:"multipleElRef",class:`${t}-base-selection-tags`,tabindex:s?void 0:0},_,h);w=c(Go,null,b?c(sn,Object.assign({},U,{scrollable:!0,style:"max-height: calc(var(--v-target-height) * 6.6);"}),{trigger:()=>q,default:H}):q,J)}else if(a){const P=this.pattern||this.isComposing,m=this.active?!P:!this.selected,x=this.active?!1:this.selected;w=c("div",{ref:"patternInputWrapperRef",class:`${t}-base-selection-label`},c("input",Object.assign({},this.inputProps,{ref:"patternInputRef",class:`${t}-base-selection-input`,value:this.active?this.pattern:"",placeholder:"",readonly:s,disabled:s,tabindex:-1,autofocus:this.autofocus,onFocus:this.handlePatternInputFocus,onBlur:this.handlePatternInputBlur,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),x?c("div",{class:`${t}-base-selection-label__render-label ${t}-base-selection-overlay`,key:"input"},c("div",{class:`${t}-base-selection-overlay__wrapper`},y?y({option:this.selectedOption,handleClose:()=>{}}):C?C(this.selectedOption,!0):Pe(this.label,this.selectedOption,!0))):null,m?c("div",{class:`${t}-base-selection-placeholder ${t}-base-selection-overlay`,key:"placeholder"},c("div",{class:`${t}-base-selection-overlay__wrapper`},this.filterablePlaceholder)):null,h)}else w=c("div",{ref:"singleElRef",class:`${t}-base-selection-label`,tabindex:this.disabled?void 0:0},this.label!==void 0?c("div",{class:`${t}-base-selection-input`,title:Rn(this.label),key:"input"},c("div",{class:`${t}-base-selection-input__content`},y?y({option:this.selectedOption,handleClose:()=>{}}):C?C(this.selectedOption,!0):Pe(this.label,this.selectedOption,!0))):c("div",{class:`${t}-base-selection-placeholder ${t}-base-selection-overlay`,key:"placeholder"},c("div",{class:`${t}-base-selection-placeholder__inner`},this.placeholder)),h);return c("div",{ref:"selfRef",class:[`${t}-base-selection`,this.themeClass,e&&`${t}-base-selection--${e}-status`,{[`${t}-base-selection--active`]:this.active,[`${t}-base-selection--selected`]:this.selected||this.active&&this.pattern,[`${t}-base-selection--disabled`]:this.disabled,[`${t}-base-selection--multiple`]:this.multiple,[`${t}-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},w,d?c("div",{class:`${t}-base-selection__border`}):null,d?c("div",{class:`${t}-base-selection__state-border`}):null)}});function He(e){return e.type==="group"}function So(e){return e.type==="ignored"}function eo(e,r){try{return!!(1+r.toString().toLowerCase().indexOf(e.trim().toLowerCase()))}catch(n){return!1}}function Qn(e,r){return{getIsGroup:He,getIgnored:So,getKey(s){return He(s)?s.name||s.key||"key-required":s[e]},getChildren(s){return s[r]}}}function Xn(e,r,n,s){if(!r)return e;function a(g){if(!Array.isArray(g))return[];const d=[];for(const t of g)if(He(t)){const p=a(t[s]);p.length&&d.push(Object.assign({},t,{[s]:p}))}else{if(So(t))continue;r(n,t)&&d.push(t)}return d}return a(e)}function Zn(e,r,n){const s=new Map;return e.forEach(a=>{He(a)?a[n].forEach(g=>{s.set(g[r],g)}):s.set(a[r],a)}),s}function et(e){const{boxShadow2:r}=e;return{menuBoxShadow:r}}const ot=lo({name:"Select",common:De,peers:{InternalSelection:yo,InternalSelectMenu:wo},self:et}),nt=ot,tt=X([T("select",`
|
|
z-index: auto;
|
|
outline: none;
|
|
width: 100%;
|
|
position: relative;
|
|
`),T("select-menu",`
|
|
margin: 4px 0;
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
`,[mo({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]),rt=Object.assign(Object.assign({},pe.props),{to:to.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}),Bt=me({name:"Select",props:rt,setup(e){const{mergedClsPrefixRef:r,mergedBorderedRef:n,namespaceRef:s,inlineThemeDisabled:a}=Co(e),g=pe("Select","-select",tt,nt,e,r),d=I(e.defaultValue),t=Y(e,"value"),p=ao(t,d),y=I(!1),C=I(""),k=E(()=>{const{valueField:o,childrenField:u}=e,S=Qn(o,u);return en(D.value,S)}),F=E(()=>Zn(J.value,e.valueField,e.childrenField)),b=I(!1),h=ao(Y(e,"show"),b),w=I(null),P=I(null),m=I(null),{localeRef:x}=nn("Select"),A=E(()=>{var o;return(o=e.placeholder)!==null&&o!==void 0?o:x.value.placeholder}),W=tn(e,["items","options"]),V=[],_=I([]),H=I([]),U=I(new Map),Z=E(()=>{const{fallbackOption:o}=e;if(o===void 0){const{labelField:u,valueField:S}=e;return M=>({[u]:String(M),[S]:M})}return o===!1?!1:u=>Object.assign(o(u),{value:u})}),J=E(()=>H.value.concat(_.value).concat(W.value)),q=E(()=>{const{filter:o}=e;if(o)return o;const{labelField:u,valueField:S}=e;return(M,z)=>{if(!z)return!1;const O=z[u];if(typeof O=="string")return eo(M,O);const R=z[S];return typeof R=="string"?eo(M,R):typeof R=="number"?eo(M,String(R)):!1}}),D=E(()=>{if(e.remote)return W.value;{const{value:o}=J,{value:u}=C;return!u.length||!e.filterable?o:Xn(o,q.value,u,e.childrenField)}});function ne(o){const u=e.remote,{value:S}=U,{value:M}=F,{value:z}=Z,O=[];return o.forEach(R=>{if(M.has(R))O.push(M.get(R));else if(u&&S.has(R))O.push(S.get(R));else if(z){const G=z(R);G&&O.push(G)}}),O}const he=E(()=>{if(e.multiple){const{value:o}=p;return Array.isArray(o)?ne(o):[]}return null}),de=E(()=>{const{value:o}=p;return!e.multiple&&!Array.isArray(o)?o===null?null:ne([o])[0]||null:null}),te=rn(e),{mergedSizeRef:ee,mergedDisabledRef:ae,mergedStatusRef:i}=te;function f(o,u){const{onChange:S,"onUpdate:value":M,onUpdateValue:z}=e,{nTriggerFormChange:O,nTriggerFormInput:R}=te;S&&ie(S,o,u),z&&ie(z,o,u),M&&ie(M,o,u),d.value=o,O(),R()}function N(o){const{onBlur:u}=e,{nTriggerFormBlur:S}=te;u&&ie(u,o),S()}function re(){const{onClear:o}=e;o&&ie(o)}function fe(o){const{onFocus:u,showOnFocus:S}=e,{nTriggerFormFocus:M}=te;u&&ie(u,o),M(),S&&le()}function Ce(o){const{onSearch:u}=e;u&&ie(u,o)}function xe(o){const{onScroll:u}=e;u&&ie(u,o)}function ve(){var o;const{remote:u,multiple:S}=e;if(u){const{value:M}=U;if(S){const{valueField:z}=e;(o=he.value)===null||o===void 0||o.forEach(O=>{M.set(O[z],O)})}else{const z=de.value;z&&M.set(z[e.valueField],z)}}}function ue(o){const{onUpdateShow:u,"onUpdate:show":S}=e;u&&ie(u,o),S&&ie(S,o),b.value=o}function le(){ae.value||(ue(!0),b.value=!0,e.filterable&&Ae())}function Q(){ue(!1)}function ge(){C.value="",H.value=V}const se=I(!1);function Re(){e.filterable&&(se.value=!0)}function we(){e.filterable&&(se.value=!1,h.value||ge())}function ye(){ae.value||(h.value?e.filterable?Ae():Q():le())}function Me(o){var u,S;!((S=(u=m.value)===null||u===void 0?void 0:u.selfRef)===null||S===void 0)&&S.contains(o.relatedTarget)||(y.value=!1,N(o),Q())}function Te(o){fe(o),y.value=!0}function Ie(o){y.value=!0}function Fe(o){var u;!((u=w.value)===null||u===void 0)&&u.$el.contains(o.relatedTarget)||(y.value=!1,N(o),Q())}function Oe(){var o;(o=w.value)===null||o===void 0||o.focus(),Q()}function oe(o){var u;h.value&&(!((u=w.value)===null||u===void 0)&&u.$el.contains(fn(o))||Q())}function l(o){if(!Array.isArray(o))return[];if(Z.value)return Array.from(o);{const{remote:u}=e,{value:S}=F;if(u){const{value:M}=U;return o.filter(z=>S.has(z)||M.has(z))}else return o.filter(M=>S.has(M))}}function v(o){L(o.rawNode)}function L(o){if(ae.value)return;const{tag:u,remote:S,clearFilterAfterSelect:M,valueField:z}=e;if(u&&!S){const{value:O}=H,R=O[0]||null;if(R){const G=_.value;G.length?G.push(R):_.value=[R],H.value=V}}if(S&&U.value.set(o[z],o),e.multiple){const O=l(p.value),R=O.findIndex(G=>G===o[z]);if(~R){if(O.splice(R,1),u&&!S){const G=$e(o[z]);~G&&(_.value.splice(G,1),M&&(C.value=""))}}else O.push(o[z]),M&&(C.value="");f(O,ne(O))}else{if(u&&!S){const O=$e(o[z]);~O?_.value=[_.value[O]]:_.value=V}_e(),Q(),f(o[z],o)}}function $e(o){return _.value.findIndex(S=>S[e.valueField]===o)}function Ve(o){h.value||le();const{value:u}=o.target;C.value=u;const{tag:S,remote:M}=e;if(Ce(u),S&&!M){if(!u){H.value=V;return}const{onCreate:z}=e,O=z?z(u):{[e.labelField]:u,[e.valueField]:u},{valueField:R,labelField:G}=e;W.value.some(ce=>ce[R]===O[R]||ce[G]===O[G])||_.value.some(ce=>ce[R]===O[R]||ce[G]===O[G])?H.value=V:H.value=[O]}}function je(o){o.stopPropagation();const{multiple:u}=e;!u&&e.filterable&&Q(),re(),u?f([],[]):f(null,null)}function Ke(o){!Ne(o,"action")&&!Ne(o,"empty")&&o.preventDefault()}function Ue(o){xe(o)}function Be(o){var u,S,M,z,O;if(!e.keyboard){o.preventDefault();return}switch(o.key){case" ":if(e.filterable)break;o.preventDefault();case"Enter":if(!(!((u=w.value)===null||u===void 0)&&u.isComposing)){if(h.value){const R=(S=m.value)===null||S===void 0?void 0:S.getPendingTmNode();R?v(R):e.filterable||(Q(),_e())}else if(le(),e.tag&&se.value){const R=H.value[0];if(R){const G=R[e.valueField],{value:ce}=p;e.multiple&&Array.isArray(ce)&&ce.some(Je=>Je===G)||L(R)}}}o.preventDefault();break;case"ArrowUp":if(o.preventDefault(),e.loading)return;h.value&&((M=m.value)===null||M===void 0||M.prev());break;case"ArrowDown":if(o.preventDefault(),e.loading)return;h.value?(z=m.value)===null||z===void 0||z.next():le();break;case"Escape":h.value&&(Sn(o),Q()),(O=w.value)===null||O===void 0||O.focus();break}}function _e(){var o;(o=w.value)===null||o===void 0||o.focus()}function Ae(){var o;(o=w.value)===null||o===void 0||o.focusInput()}function Ge(){var o;h.value&&((o=P.value)===null||o===void 0||o.syncPosition())}ve(),ze(Y(e,"options"),ve);const qe={focus:()=>{var o;(o=w.value)===null||o===void 0||o.focus()},focusInput:()=>{var o;(o=w.value)===null||o===void 0||o.focusInput()},blur:()=>{var o;(o=w.value)===null||o===void 0||o.blur()},blurInput:()=>{var o;(o=w.value)===null||o===void 0||o.blurInput()}},Ee=E(()=>{const{self:{menuBoxShadow:o}}=g.value;return{"--n-menu-box-shadow":o}}),be=a?We("select",void 0,Ee,e):void 0;return Object.assign(Object.assign({},qe),{mergedStatus:i,mergedClsPrefix:r,mergedBordered:n,namespace:s,treeMate:k,isMounted:ln(),triggerRef:w,menuRef:m,pattern:C,uncontrolledShow:b,mergedShow:h,adjustedTo:to(e),uncontrolledValue:d,mergedValue:p,followerRef:P,localizedPlaceholder:A,selectedOption:de,selectedOptions:he,mergedSize:ee,mergedDisabled:ae,focused:y,activeWithoutMenuOpen:se,inlineThemeDisabled:a,onTriggerInputFocus:Re,onTriggerInputBlur:we,handleTriggerOrMenuResize:Ge,handleMenuFocus:Ie,handleMenuBlur:Fe,handleMenuTabOut:Oe,handleTriggerClick:ye,handleToggle:v,handleDeleteOption:L,handlePatternInput:Ve,handleClear:je,handleTriggerBlur:Me,handleTriggerFocus:Te,handleKeydown:Be,handleMenuAfterLeave:ge,handleMenuClickOutside:oe,handleMenuScroll:Ue,handleMenuKeydown:Be,handleMenuMousedown:Ke,mergedTheme:g,cssVars:a?void 0:Ee,themeClass:be==null?void 0:be.themeClass,onRender:be==null?void 0:be.onRender})},render(){return c("div",{class:`${this.mergedClsPrefix}-select`},c(Cn,null,{default:()=>[c(xn,null,{default:()=>c(Yn,{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,r;return[(r=(e=this.$slots).arrow)===null||r===void 0?void 0:r.call(e)]}})}),c(wn,{ref:"followerRef",show:this.mergedShow,to:this.adjustedTo,teleportDisabled:this.adjustedTo===to.tdkey,containerClass:this.namespace,width:this.consistentMenuWidth?"target":void 0,minWidth:"target",placement:this.placement},{default:()=>c(po,{name:"fade-in-scale-up-transition",appear:this.isMounted,onAfterLeave:this.handleMenuAfterLeave},{default:()=>{var e,r,n;return this.mergedShow||this.displayDirective==="show"?((e=this.onRender)===null||e===void 0||e.call(this),qo(c(En,Object.assign({},this.menuProps,{ref:"menuRef",onResize:this.handleTriggerOrMenuResize,inlineThemeDisabled:this.inlineThemeDisabled,virtualScroll:this.consistentMenuWidth&&this.virtualScroll,class:[`${this.mergedClsPrefix}-select-menu`,this.themeClass,(r=this.menuProps)===null||r===void 0?void 0:r.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:[(n=this.menuProps)===null||n===void 0?void 0:n.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 s,a;return[(a=(s=this.$slots).empty)===null||a===void 0?void 0:a.call(s)]},action:()=>{var s,a;return[(a=(s=this.$slots).action)===null||a===void 0?void 0:a.call(s)]}}),this.displayDirective==="show"?[[Jo,this.mergedShow],[uo,this.handleMenuClickOutside,void 0,{capture:!0}]]:[[uo,this.handleMenuClickOutside,void 0,{capture:!0}]])):null}})})]}))}});export{Ze as N,Bt as a,En as b,Qn as c,wo as i,Xe as m,nt as s,Kn as t};
|