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.
409 lines
66 KiB
409 lines
66 KiB
import{d as fe,s as E,v as qe,Q as ct,G as d,M as rn,S as St,i as dt,c as D,T as Ot,O as Q,t as Pe,P as lt,E as ln,F as an,y as sn,z as cn}from"./index-bVOhw2NF.js";import{E as dn,c as I,a as T,b as ee,u as Ee,f as ue,g as H,h as Ne,d as U,e as Se}from"./light-Cua7cqmF.js";import{f as Rt}from"./fade-in-scale-up.cssr-CTZmXn_X.js";import{e as un,i as fn,a as hn,s as vn}from"./light-CE5Kvs_2.js";import{u as vt}from"./use-merged-state-CzrzZJbg.js";import{u as gn}from"./use-compitable-DMmt6sIs.js";import{u as Pt}from"./use-locale-CFjRjALw.js";import{u as bn}from"./use-form-item-CNgNT5jP.js";import{i as pn}from"./use-is-mounted-wlrzLfZo.js";import{i as ut,c as mn,u as at,B as yn,V as Cn,a as wn}from"./Follower-DJGS5Fnl.js";import{u as ft}from"./use-rtl-CRyak7TN.js";import{r as Re}from"./render-BxFg9-7m.js";import{d as xn,g as Fe}from"./index-C-nsH7mf.js";import{a as kn}from"./Suffix-BqBRFVnL.js";import{S as Sn,W as On}from"./Scrollbar-DVK2lT9w.js";import{t as Rn}from"./light-BOD3MGQo.js";import{c as gt}from"./color-to-class-B0iQgAn2.js";import{r as He,a as Pn}from"./resolve-slot-Dzko3qih.js";import{N as Fn}from"./Close-D6FODkWY.js";import{a as zn,c as Tn}from"./context-KbjOeZY_.js";import{c as se}from"./call-f2ri57Kd.js";import{c as Mn,a as _n}from"./cssr-CS9sbUmO.js";import{N as In}from"./Popover-DLIip8wF.js";import{r as bt}from"./VResizeObserver-Tzd5ds8d.js";import{c as pt}from"./clickoutside-CCtiUDaG.js";import{F as Bn,V as An}from"./FocusDetector-DcygY9Tk.js";import{u as Xe}from"./use-memo-BgHp9YyU.js";import{N as Ft}from"./Icon-Ck7Ij_E6.js";import{N as $n}from"./Loading-CByrJVhO.js";import{h as $e}from"./happens-in-CM8LO42l.js";import{g as En}from"./get-precise-event-target-DhO46Lpt.js";import{m as Nn}from"./index-DsSU6HIH.js";function mt(e){switch(typeof e){case"string":return e||void 0;case"number":return String(e);default:return}}function et(e){const n=e.filter(t=>t!==void 0);if(n.length!==0)return n.length===1?n[0]:t=>{e.forEach(r=>{r&&r(t)})}}const ge="v-hidden",Ln=_n("[v-hidden]",{display:"none!important"}),yt=fe({name:"Overflow",props:{getCounter:Function,getTail:Function,updateCounter:Function,onUpdateCount:Function,onUpdateOverflow:Function},setup(e,{slots:n}){const t=E(null),r=E(null);function i(a){const{value:l}=t,{getCounter:C,getTail:b}=e;let c;if(C!==void 0?c=C():c=r.value,!l||!c)return;c.hasAttribute(ge)&&c.removeAttribute(ge);const{children:h}=l;if(a.showAllItemsBeforeCalculate)for(const S of h)S.hasAttribute(ge)&&S.removeAttribute(ge);const k=l.offsetWidth,m=[],v=n.tail?b==null?void 0:b():null;let P=v?v.offsetWidth:0,B=!1;const O=l.children.length-(n.tail?1:0);for(let S=0;S<O-1;++S){if(S<0)continue;const g=h[S];if(B){g.hasAttribute(ge)||g.setAttribute(ge,"");continue}else g.hasAttribute(ge)&&g.removeAttribute(ge);const y=g.offsetWidth;if(P+=y,m[S]=y,P>k){const{updateCounter:N}=e;for(let L=S;L>=0;--L){const K=O-1-L;N!==void 0?N(K):c.textContent=`${K}`;const W=c.offsetWidth;if(P-=m[L],P+W<=k||L===0){B=!0,S=L-1,v&&(S===-1?(v.style.maxWidth=`${k-W}px`,v.style.boxSizing="border-box"):v.style.maxWidth="");const{onUpdateCount:A}=e;A&&A(K);break}}}}const{onUpdateOverflow:F}=e;B?F!==void 0&&F(!0):(F!==void 0&&F(!1),c.setAttribute(ge,""))}const s=dn();return Ln.mount({id:"vueuc/overflow",head:!0,anchorMetaName:Mn,ssr:s}),qe(()=>i({showAllItemsBeforeCalculate:!1})),{selfRef:t,counterRef:r,sync:i}},render(){const{$slots:e}=this;return ct(()=>this.sync({showAllItemsBeforeCalculate:!1})),d("div",{class:"v-overflow",ref:"selfRef"},[rn(e,"default"),e.counter?e.counter():d("span",{style:{display:"inline-block"},ref:"counterRef"}),e.tail?e.tail():null])}});function zt(e,n){n&&(qe(()=>{const{value:t}=e;t&&bt.registerHandler(t,n)}),St(()=>{const{value:t}=e;t&&bt.unregisterHandler(t)}))}const Dn=fe({name:"Checkmark",render(){return d("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16"},d("g",{fill:"none"},d("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"})))}}),Kn=fe({name:"Empty",render(){return d("svg",{viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("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"}),d("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"}))}});function Ct(e){return Array.isArray(e)?e:[e]}const st={STOP:"STOP"};function Tt(e,n){const t=n(e);e.children!==void 0&&t!==st.STOP&&e.children.forEach(r=>Tt(r,n))}function Vn(e,n={}){const{preserveGroup:t=!1}=n,r=[],i=t?a=>{a.isLeaf||(r.push(a.key),s(a.children))}:a=>{a.isLeaf||(a.isGroup||r.push(a.key),s(a.children))};function s(a){a.forEach(i)}return s(e),r}function jn(e,n){const{isLeaf:t}=e;return t!==void 0?t:!n(e)}function Wn(e){return e.children}function Hn(e){return e.key}function Un(){return!1}function Gn(e,n){const{isLeaf:t}=e;return!(t===!1&&!Array.isArray(n(e)))}function qn(e){return e.disabled===!0}function Zn(e,n){return e.isLeaf===!1&&!Array.isArray(n(e))}function tt(e){var n;return e==null?[]:Array.isArray(e)?e:(n=e.checkedKeys)!==null&&n!==void 0?n:[]}function nt(e){var n;return e==null||Array.isArray(e)?[]:(n=e.indeterminateKeys)!==null&&n!==void 0?n:[]}function Qn(e,n){const t=new Set(e);return n.forEach(r=>{t.has(r)||t.add(r)}),Array.from(t)}function Yn(e,n){const t=new Set(e);return n.forEach(r=>{t.has(r)&&t.delete(r)}),Array.from(t)}function Jn(e){return(e==null?void 0:e.type)==="group"}function Xn(e){const n=new Map;return e.forEach((t,r)=>{n.set(t.key,r)}),t=>{var r;return(r=n.get(t))!==null&&r!==void 0?r:null}}class eo extends Error{constructor(){super(),this.message="SubtreeNotLoadedError: checking a subtree whose required nodes are not fully loaded."}}function to(e,n,t,r){return Ue(n.concat(e),t,r,!1)}function no(e,n){const t=new Set;return e.forEach(r=>{const i=n.treeNodeMap.get(r);if(i!==void 0){let s=i.parent;for(;s!==null&&!(s.disabled||t.has(s.key));)t.add(s.key),s=s.parent}}),t}function oo(e,n,t,r){const i=Ue(n,t,r,!1),s=Ue(e,t,r,!0),a=no(e,t),l=[];return i.forEach(C=>{(s.has(C)||a.has(C))&&l.push(C)}),l.forEach(C=>i.delete(C)),i}function ot(e,n){const{checkedKeys:t,keysToCheck:r,keysToUncheck:i,indeterminateKeys:s,cascade:a,leafOnly:l,checkStrategy:C,allowNotLoaded:b}=e;if(!a)return r!==void 0?{checkedKeys:Qn(t,r),indeterminateKeys:Array.from(s)}:i!==void 0?{checkedKeys:Yn(t,i),indeterminateKeys:Array.from(s)}:{checkedKeys:Array.from(t),indeterminateKeys:Array.from(s)};const{levelTreeNodeMap:c}=n;let h;i!==void 0?h=oo(i,t,n,b):r!==void 0?h=to(r,t,n,b):h=Ue(t,n,b,!1);const k=C==="parent",m=C==="child"||l,v=h,P=new Set,B=Math.max.apply(null,Array.from(c.keys()));for(let O=B;O>=0;O-=1){const F=O===0,S=c.get(O);for(const g of S){if(g.isLeaf)continue;const{key:y,shallowLoaded:N}=g;if(m&&N&&g.children.forEach(A=>{!A.disabled&&!A.isLeaf&&A.shallowLoaded&&v.has(A.key)&&v.delete(A.key)}),g.disabled||!N)continue;let L=!0,K=!1,W=!0;for(const A of g.children){const Y=A.key;if(!A.disabled){if(W&&(W=!1),v.has(Y))K=!0;else if(P.has(Y)){K=!0,L=!1;break}else if(L=!1,K)break}}L&&!W?(k&&g.children.forEach(A=>{!A.disabled&&v.has(A.key)&&v.delete(A.key)}),v.add(y)):K&&P.add(y),F&&m&&v.has(y)&&v.delete(y)}}return{checkedKeys:Array.from(v),indeterminateKeys:Array.from(P)}}function Ue(e,n,t,r){const{treeNodeMap:i,getChildren:s}=n,a=new Set,l=new Set(e);return e.forEach(C=>{const b=i.get(C);b!==void 0&&Tt(b,c=>{if(c.disabled)return st.STOP;const{key:h}=c;if(!a.has(h)&&(a.add(h),l.add(h),Zn(c.rawNode,s))){if(r)return st.STOP;if(!t)throw new eo}})}),l}function ro(e,{includeGroup:n=!1,includeSelf:t=!0},r){var i;const s=r.treeNodeMap;let a=e==null?null:(i=s.get(e))!==null&&i!==void 0?i:null;const l={keyPath:[],treeNodePath:[],treeNode:a};if(a!=null&&a.ignored)return l.treeNode=null,l;for(;a;)!a.ignored&&(n||!a.isGroup)&&l.treeNodePath.push(a),a=a.parent;return l.treeNodePath.reverse(),t||l.treeNodePath.pop(),l.keyPath=l.treeNodePath.map(C=>C.key),l}function io(e){if(e.length===0)return null;const n=e[0];return n.isGroup||n.ignored||n.disabled?n.getNext():n}function lo(e,n){const t=e.siblings,r=t.length,{index:i}=e;return n?t[(i+1)%r]:i===t.length-1?null:t[i+1]}function wt(e,n,{loop:t=!1,includeDisabled:r=!1}={}){const i=n==="prev"?ao:lo,s={reverse:n==="prev"};let a=!1,l=null;function C(b){if(b!==null){if(b===e){if(!a)a=!0;else if(!e.disabled&&!e.isGroup){l=e;return}}else if((!b.disabled||r)&&!b.ignored&&!b.isGroup){l=b;return}if(b.isGroup){const c=ht(b,s);c!==null?l=c:C(i(b,t))}else{const c=i(b,!1);if(c!==null)C(c);else{const h=so(b);h!=null&&h.isGroup?C(i(h,t)):t&&C(i(b,!0))}}}}return C(e),l}function ao(e,n){const t=e.siblings,r=t.length,{index:i}=e;return n?t[(i-1+r)%r]:i===0?null:t[i-1]}function so(e){return e.parent}function ht(e,n={}){const{reverse:t=!1}=n,{children:r}=e;if(r){const{length:i}=r,s=t?i-1:0,a=t?-1:i,l=t?-1:1;for(let C=s;C!==a;C+=l){const b=r[C];if(!b.disabled&&!b.ignored)if(b.isGroup){const c=ht(b,n);if(c!==null)return c}else return b}}return null}const co={getChild(){return this.ignored?null:ht(this)},getParent(){const{parent:e}=this;return e!=null&&e.isGroup?e.getParent():e},getNext(e={}){return wt(this,"next",e)},getPrev(e={}){return wt(this,"prev",e)}};function uo(e,n){const t=n?new Set(n):void 0,r=[];function i(s){s.forEach(a=>{r.push(a),!(a.isLeaf||!a.children||a.ignored)&&(a.isGroup||t===void 0||t.has(a.key))&&i(a.children)})}return i(e),r}function fo(e,n){const t=e.key;for(;n;){if(n.key===t)return!0;n=n.parent}return!1}function Mt(e,n,t,r,i,s=null,a=0){const l=[];return e.forEach((C,b)=>{var c;const h=Object.create(r);if(h.rawNode=C,h.siblings=l,h.level=a,h.index=b,h.isFirstChild=b===0,h.isLastChild=b+1===e.length,h.parent=s,!h.ignored){const k=i(C);Array.isArray(k)&&(h.children=Mt(k,n,t,r,i,h,a+1))}l.push(h),n.set(h.key,h),t.has(a)||t.set(a,[]),(c=t.get(a))===null||c===void 0||c.push(h)}),l}function ho(e,n={}){var t;const r=new Map,i=new Map,{getDisabled:s=qn,getIgnored:a=Un,getIsGroup:l=Jn,getKey:C=Hn}=n,b=(t=n.getChildren)!==null&&t!==void 0?t:Wn,c=n.ignoreEmptyChildren?g=>{const y=b(g);return Array.isArray(y)?y.length?y:null:y}:b,h=Object.assign({get key(){return C(this.rawNode)},get disabled(){return s(this.rawNode)},get isGroup(){return l(this.rawNode)},get isLeaf(){return jn(this.rawNode,c)},get shallowLoaded(){return Gn(this.rawNode,c)},get ignored(){return a(this.rawNode)},contains(g){return fo(this,g)}},co),k=Mt(e,r,i,h,c);function m(g){if(g==null)return null;const y=r.get(g);return y&&!y.isGroup&&!y.ignored?y:null}function v(g){if(g==null)return null;const y=r.get(g);return y&&!y.ignored?y:null}function P(g,y){const N=v(g);return N?N.getPrev(y):null}function B(g,y){const N=v(g);return N?N.getNext(y):null}function O(g){const y=v(g);return y?y.getParent():null}function F(g){const y=v(g);return y?y.getChild():null}const S={treeNodes:k,treeNodeMap:r,levelTreeNodeMap:i,maxLevel:Math.max(...i.keys()),getChildren:c,getFlattenedNodes(g){return uo(k,g)},getNode:m,getPrev:P,getNext:B,getParent:O,getChild:F,getFirstAvailableNode(){return io(k)},getPath(g,y={}){return ro(g,y,S)},getCheckedKeys(g,y={}){const{cascade:N=!0,leafOnly:L=!1,checkStrategy:K="all",allowNotLoaded:W=!1}=y;return ot({checkedKeys:tt(g),indeterminateKeys:nt(g),cascade:N,leafOnly:L,checkStrategy:K,allowNotLoaded:W},S)},check(g,y,N={}){const{cascade:L=!0,leafOnly:K=!1,checkStrategy:W="all",allowNotLoaded:A=!1}=N;return ot({checkedKeys:tt(y),indeterminateKeys:nt(y),keysToCheck:g==null?[]:Ct(g),cascade:L,leafOnly:K,checkStrategy:W,allowNotLoaded:A},S)},uncheck(g,y,N={}){const{cascade:L=!0,leafOnly:K=!1,checkStrategy:W="all",allowNotLoaded:A=!1}=N;return ot({checkedKeys:tt(y),indeterminateKeys:nt(y),keysToUncheck:g==null?[]:Ct(g),cascade:L,leafOnly:K,checkStrategy:W,allowNotLoaded:A},S)},getNonLeafKeys(g={}){return Vn(k,g)}};return S}const vo=I("empty",`
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: var(--n-font-size);
|
|
`,[T("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);
|
|
`,[ee("+",[T("description",`
|
|
margin-top: 8px;
|
|
`)])]),T("description",`
|
|
transition: color .3s var(--n-bezier);
|
|
color: var(--n-text-color);
|
|
`),T("extra",`
|
|
text-align: center;
|
|
transition: color .3s var(--n-bezier);
|
|
margin-top: 12px;
|
|
color: var(--n-extra-text-color);
|
|
`)]),go=Object.assign(Object.assign({},ue.props),{description:String,showDescription:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!0},size:{type:String,default:"medium"},renderIcon:Function}),bo=fe({name:"Empty",props:go,setup(e){const{mergedClsPrefixRef:n,inlineThemeDisabled:t}=Ee(e),r=ue("Empty","-empty",vo,un,e,n),{localeRef:i}=Pt("Empty"),s=dt(zn,null),a=D(()=>{var c,h,k;return(c=e.description)!==null&&c!==void 0?c:(k=(h=s==null?void 0:s.mergedComponentPropsRef.value)===null||h===void 0?void 0:h.Empty)===null||k===void 0?void 0:k.description}),l=D(()=>{var c,h;return((h=(c=s==null?void 0:s.mergedComponentPropsRef.value)===null||c===void 0?void 0:c.Empty)===null||h===void 0?void 0:h.renderIcon)||(()=>d(Kn,null))}),C=D(()=>{const{size:c}=e,{common:{cubicBezierEaseInOut:h},self:{[H("iconSize",c)]:k,[H("fontSize",c)]:m,textColor:v,iconColor:P,extraTextColor:B}}=r.value;return{"--n-icon-size":k,"--n-font-size":m,"--n-bezier":h,"--n-text-color":v,"--n-icon-color":P,"--n-extra-text-color":B}}),b=t?Ne("empty",D(()=>{let c="";const{size:h}=e;return c+=h[0],c}),C,e):void 0;return{mergedClsPrefix:n,mergedRenderIcon:l,localizedDescription:D(()=>a.value||i.value.description),cssVars:t?void 0:C,themeClass:b==null?void 0:b.themeClass,onRender:b==null?void 0:b.onRender}},render(){const{$slots:e,mergedClsPrefix:n,onRender:t}=this;return t==null||t(),d("div",{class:[`${n}-empty`,this.themeClass],style:this.cssVars},this.showIcon?d("div",{class:`${n}-empty__icon`},e.icon?e.icon():d(Ft,{clsPrefix:n},{default:this.mergedRenderIcon})):null,this.showDescription?d("div",{class:`${n}-empty__description`},e.default?e.default():this.localizedDescription):null,e.extra?d("div",{class:`${n}-empty__extra`},e.extra()):null)}});function po(e,n){return d(Ot,{name:"fade-in-scale-up-transition"},{default:()=>e?d(Ft,{clsPrefix:n,class:`${n}-base-select-option__check`},{default:()=>d(Dn)}):null})}const xt=fe({name:"NBaseSelectOption",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(e){const{valueRef:n,pendingTmNodeRef:t,multipleRef:r,valueSetRef:i,renderLabelRef:s,renderOptionRef:a,labelFieldRef:l,valueFieldRef:C,showCheckmarkRef:b,nodePropsRef:c,handleOptionClick:h,handleOptionMouseEnter:k}=dt(ut),m=Xe(()=>{const{value:O}=t;return O?e.tmNode.key===O.key:!1});function v(O){const{tmNode:F}=e;F.disabled||h(O,F)}function P(O){const{tmNode:F}=e;F.disabled||k(O,F)}function B(O){const{tmNode:F}=e,{value:S}=m;F.disabled||S||k(O,F)}return{multiple:r,isGrouped:Xe(()=>{const{tmNode:O}=e,{parent:F}=O;return F&&F.rawNode.type==="group"}),showCheckmark:b,nodeProps:c,isPending:m,isSelected:Xe(()=>{const{value:O}=n,{value:F}=r;if(O===null)return!1;const S=e.tmNode.rawNode[C.value];if(F){const{value:g}=i;return g.has(S)}else return O===S}),labelField:l,renderLabel:s,renderOption:a,handleMouseMove:B,handleMouseEnter:P,handleClick:v}},render(){const{clsPrefix:e,tmNode:{rawNode:n},isSelected:t,isPending:r,isGrouped:i,showCheckmark:s,nodeProps:a,renderOption:l,renderLabel:C,handleClick:b,handleMouseEnter:c,handleMouseMove:h}=this,k=po(t,e),m=C?[C(n,t),s&&k]:[Re(n[this.labelField],n,t),s&&k],v=a==null?void 0:a(n),P=d("div",Object.assign({},v,{class:[`${e}-base-select-option`,n.class,v==null?void 0:v.class,{[`${e}-base-select-option--disabled`]:n.disabled,[`${e}-base-select-option--selected`]:t,[`${e}-base-select-option--grouped`]:i,[`${e}-base-select-option--pending`]:r,[`${e}-base-select-option--show-checkmark`]:s}],style:[(v==null?void 0:v.style)||"",n.style||""],onClick:et([b,v==null?void 0:v.onClick]),onMouseenter:et([c,v==null?void 0:v.onMouseenter]),onMousemove:et([h,v==null?void 0:v.onMousemove])}),d("div",{class:`${e}-base-select-option__content`},m));return n.render?n.render({node:P,option:n,selected:t}):l?l({node:P,option:n,selected:t}):P}}),kt=fe({name:"NBaseSelectGroupHeader",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(){const{renderLabelRef:e,renderOptionRef:n,labelFieldRef:t,nodePropsRef:r}=dt(ut);return{labelField:t,nodeProps:r,renderLabel:e,renderOption:n}},render(){const{clsPrefix:e,renderLabel:n,renderOption:t,nodeProps:r,tmNode:{rawNode:i}}=this,s=r==null?void 0:r(i),a=n?n(i,!1):Re(i[this.labelField],i,!1),l=d("div",Object.assign({},s,{class:[`${e}-base-select-group-header`,s==null?void 0:s.class]}),a);return i.render?i.render({node:l,option:i}):t?t({node:l,option:i,selected:!1}):l}}),mo=I("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);
|
|
`,[I("scrollbar",`
|
|
max-height: var(--n-height);
|
|
`),I("virtual-list",`
|
|
max-height: var(--n-height);
|
|
`),I("base-select-option",`
|
|
min-height: var(--n-option-height);
|
|
font-size: var(--n-option-font-size);
|
|
display: flex;
|
|
align-items: center;
|
|
`,[T("content",`
|
|
z-index: 1;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
`)]),I("base-select-group-header",`
|
|
min-height: var(--n-option-height);
|
|
font-size: .93em;
|
|
display: flex;
|
|
align-items: center;
|
|
`),I("base-select-menu-option-wrapper",`
|
|
position: relative;
|
|
width: 100%;
|
|
`),T("loading, empty",`
|
|
display: flex;
|
|
padding: 12px 32px;
|
|
flex: 1;
|
|
justify-content: center;
|
|
`),T("loading",`
|
|
color: var(--n-loading-color);
|
|
font-size: var(--n-loading-size);
|
|
`),T("header",`
|
|
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-bottom: 1px solid var(--n-action-divider-color);
|
|
color: var(--n-action-text-color);
|
|
`),T("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);
|
|
`),I("base-select-group-header",`
|
|
position: relative;
|
|
cursor: default;
|
|
padding: var(--n-option-padding);
|
|
color: var(--n-group-header-text-color);
|
|
`),I("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;
|
|
`,[U("show-checkmark",`
|
|
padding-right: calc(var(--n-option-padding-right) + 20px);
|
|
`),ee("&::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);
|
|
`),ee("&:active",`
|
|
color: var(--n-option-text-color-pressed);
|
|
`),U("grouped",`
|
|
padding-left: calc(var(--n-option-padding-left) * 1.5);
|
|
`),U("pending",[ee("&::before",`
|
|
background-color: var(--n-option-color-pending);
|
|
`)]),U("selected",`
|
|
color: var(--n-option-text-color-active);
|
|
`,[ee("&::before",`
|
|
background-color: var(--n-option-color-active);
|
|
`),U("pending",[ee("&::before",`
|
|
background-color: var(--n-option-color-active-pending);
|
|
`)])]),U("disabled",`
|
|
cursor: not-allowed;
|
|
`,[Se("selected",`
|
|
color: var(--n-option-text-color-disabled);
|
|
`),U("selected",`
|
|
opacity: var(--n-option-opacity-disabled);
|
|
`)]),T("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);
|
|
`,[Rt({enterScale:"0.5"})])])]),yo=fe({name:"InternalSelectMenu",props:Object.assign(Object.assign({},ue.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{mergedClsPrefixRef:n,mergedRtlRef:t}=Ee(e),r=ft("InternalSelectMenu",t,n),i=ue("InternalSelectMenu","-internal-select-menu",mo,fn,e,Q(e,"clsPrefix")),s=E(null),a=E(null),l=E(null),C=D(()=>e.treeMate.getFlattenedNodes()),b=D(()=>Xn(C.value)),c=E(null);function h(){const{treeMate:f}=e;let w=null;const{value:j}=e;j===null?w=f.getFirstAvailableNode():(e.multiple?w=f.getNode((j||[])[(j||[]).length-1]):w=f.getNode(j),(!w||w.disabled)&&(w=f.getFirstAvailableNode())),ne(w||null)}function k(){const{value:f}=c;f&&!e.treeMate.getNode(f.key)&&(c.value=null)}let m;Pe(()=>e.show,f=>{f?m=Pe(()=>e.treeMate,()=>{e.resetMenuOnOptionsChange?(e.autoPending?h():k(),ct(he)):k()},{immediate:!0}):m==null||m()},{immediate:!0}),St(()=>{m==null||m()});const v=D(()=>xn(i.value.self[H("optionHeight",e.size)])),P=D(()=>Fe(i.value.self[H("padding",e.size)])),B=D(()=>e.multiple&&Array.isArray(e.value)?new Set(e.value):new Set),O=D(()=>{const f=C.value;return f&&f.length===0});function F(f){const{onToggle:w}=e;w&&w(f)}function S(f){const{onScroll:w}=e;w&&w(f)}function g(f){var w;(w=l.value)===null||w===void 0||w.sync(),S(f)}function y(){var f;(f=l.value)===null||f===void 0||f.sync()}function N(){const{value:f}=c;return f||null}function L(f,w){w.disabled||ne(w,!1)}function K(f,w){w.disabled||F(w)}function W(f){var w;$e(f,"action")||(w=e.onKeyup)===null||w===void 0||w.call(e,f)}function A(f){var w;$e(f,"action")||(w=e.onKeydown)===null||w===void 0||w.call(e,f)}function Y(f){var w;(w=e.onMousedown)===null||w===void 0||w.call(e,f),!e.focusable&&f.preventDefault()}function re(){const{value:f}=c;f&&ne(f.getNext({loop:!0}),!0)}function V(){const{value:f}=c;f&&ne(f.getPrev({loop:!0}),!0)}function ne(f,w=!1){c.value=f,w&&he()}function he(){var f,w;const j=c.value;if(!j)return;const le=b.value(j.key);le!==null&&(e.virtualScroll?(f=a.value)===null||f===void 0||f.scrollTo({index:le}):(w=l.value)===null||w===void 0||w.scrollTo({index:le,elSize:v.value}))}function ce(f){var w,j;!((w=s.value)===null||w===void 0)&&w.contains(f.target)&&((j=e.onFocus)===null||j===void 0||j.call(e,f))}function Ce(f){var w,j;!((w=s.value)===null||w===void 0)&&w.contains(f.relatedTarget)||(j=e.onBlur)===null||j===void 0||j.call(e,f)}lt(ut,{handleOptionMouseEnter:L,handleOptionClick:K,valueSetRef:B,pendingTmNodeRef:c,nodePropsRef:Q(e,"nodeProps"),showCheckmarkRef:Q(e,"showCheckmark"),multipleRef:Q(e,"multiple"),valueRef:Q(e,"value"),renderLabelRef:Q(e,"renderLabel"),renderOptionRef:Q(e,"renderOption"),labelFieldRef:Q(e,"labelField"),valueFieldRef:Q(e,"valueField")}),lt(mn,s),qe(()=>{const{value:f}=l;f&&f.sync()});const ie=D(()=>{const{size:f}=e,{common:{cubicBezierEaseInOut:w},self:{height:j,borderRadius:le,color:ve,groupHeaderTextColor:pe,actionDividerColor:ae,optionTextColorPressed:J,optionTextColor:me,optionTextColorDisabled:te,optionTextColorActive:ze,optionOpacityDisabled:Te,optionCheckColor:Me,actionTextColor:_e,optionColorPending:we,optionColorActive:xe,loadingColor:Ie,loadingSize:Be,optionColorActivePending:Ae,[H("optionFontSize",f)]:Oe,[H("optionHeight",f)]:ke,[H("optionPadding",f)]:X}}=i.value;return{"--n-height":j,"--n-action-divider-color":ae,"--n-action-text-color":_e,"--n-bezier":w,"--n-border-radius":le,"--n-color":ve,"--n-option-font-size":Oe,"--n-group-header-text-color":pe,"--n-option-check-color":Me,"--n-option-color-pending":we,"--n-option-color-active":xe,"--n-option-color-active-pending":Ae,"--n-option-height":ke,"--n-option-opacity-disabled":Te,"--n-option-text-color":me,"--n-option-text-color-active":ze,"--n-option-text-color-disabled":te,"--n-option-text-color-pressed":J,"--n-option-padding":X,"--n-option-padding-left":Fe(X,"left"),"--n-option-padding-right":Fe(X,"right"),"--n-loading-color":Ie,"--n-loading-size":Be}}),{inlineThemeDisabled:be}=e,Z=be?Ne("internal-select-menu",D(()=>e.size[0]),ie,e):void 0,oe={selfRef:s,next:re,prev:V,getPendingTmNode:N};return zt(s,e.onResize),Object.assign({mergedTheme:i,mergedClsPrefix:n,rtlEnabled:r,virtualListRef:a,scrollbarRef:l,itemSize:v,padding:P,flattenedNodes:C,empty:O,virtualListContainer(){const{value:f}=a;return f==null?void 0:f.listElRef},virtualListContent(){const{value:f}=a;return f==null?void 0:f.itemsElRef},doScroll:S,handleFocusin:ce,handleFocusout:Ce,handleKeyUp:W,handleKeyDown:A,handleMouseDown:Y,handleVirtualListResize:y,handleVirtualListScroll:g,cssVars:be?void 0:ie,themeClass:Z==null?void 0:Z.themeClass,onRender:Z==null?void 0:Z.onRender},oe)},render(){const{$slots:e,virtualScroll:n,clsPrefix:t,mergedTheme:r,themeClass:i,onRender:s}=this;return s==null||s(),d("div",{ref:"selfRef",tabindex:this.focusable?0:-1,class:[`${t}-base-select-menu`,this.rtlEnabled&&`${t}-base-select-menu--rtl`,i,this.multiple&&`${t}-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},He(e.header,a=>a&&d("div",{class:`${t}-base-select-menu__header`,"data-header":!0,key:"header"},a)),this.loading?d("div",{class:`${t}-base-select-menu__loading`},d($n,{clsPrefix:t,strokeWidth:20})):this.empty?d("div",{class:`${t}-base-select-menu__empty`,"data-empty":!0},Pn(e.empty,()=>[d(bo,{theme:r.peers.Empty,themeOverrides:r.peerOverrides.Empty})])):d(Sn,{ref:"scrollbarRef",theme:r.peers.Scrollbar,themeOverrides:r.peerOverrides.Scrollbar,scrollable:this.scrollable,container:n?this.virtualListContainer:void 0,content:n?this.virtualListContent:void 0,onScroll:n?void 0:this.doScroll},{default:()=>n?d(An,{ref:"virtualListRef",class:`${t}-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:a})=>a.isGroup?d(kt,{key:a.key,clsPrefix:t,tmNode:a}):a.ignored?null:d(xt,{clsPrefix:t,key:a.key,tmNode:a})}):d("div",{class:`${t}-base-select-menu-option-wrapper`,style:{paddingTop:this.padding.top,paddingBottom:this.padding.bottom}},this.flattenedNodes.map(a=>a.isGroup?d(kt,{key:a.key,clsPrefix:t,tmNode:a}):d(xt,{clsPrefix:t,key:a.key,tmNode:a})))}),He(e.action,a=>a&&[d("div",{class:`${t}-base-select-menu__action`,"data-action":!0,key:"action"},a),d(Bn,{onFocus:this.onTabOut,key:"focus-detector"})]))}}),Co={color:Object,type:{type:String,default:"default"},round:Boolean,size:{type:String,default:"medium"},closable:Boolean,disabled:{type:Boolean,default:void 0}},wo=I("tag",`
|
|
--n-close-margin: var(--n-close-margin-top) var(--n-close-margin-right) var(--n-close-margin-bottom) var(--n-close-margin-left);
|
|
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);
|
|
`,[U("strong",`
|
|
font-weight: var(--n-font-weight-strong);
|
|
`),T("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);
|
|
`),T("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);
|
|
`),T("avatar",`
|
|
display: flex;
|
|
margin: 0 6px 0 0;
|
|
`),T("close",`
|
|
margin: var(--n-close-margin);
|
|
transition:
|
|
background-color .3s var(--n-bezier),
|
|
color .3s var(--n-bezier);
|
|
`),U("round",`
|
|
padding: 0 calc(var(--n-height) / 3);
|
|
border-radius: calc(var(--n-height) / 2);
|
|
`,[T("icon",`
|
|
margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
|
|
`),T("avatar",`
|
|
margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
|
|
`),U("closable",`
|
|
padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
|
|
`)]),U("icon, avatar",[U("round",`
|
|
padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
|
|
`)]),U("disabled",`
|
|
cursor: not-allowed !important;
|
|
opacity: var(--n-opacity-disabled);
|
|
`),U("checkable",`
|
|
cursor: pointer;
|
|
box-shadow: none;
|
|
color: var(--n-text-color-checkable);
|
|
background-color: var(--n-color-checkable);
|
|
`,[Se("disabled",[ee("&:hover","background-color: var(--n-color-hover-checkable);",[Se("checked","color: var(--n-text-color-hover-checkable);")]),ee("&:active","background-color: var(--n-color-pressed-checkable);",[Se("checked","color: var(--n-text-color-pressed-checkable);")])]),U("checked",`
|
|
color: var(--n-text-color-checked);
|
|
background-color: var(--n-color-checked);
|
|
`,[Se("disabled",[ee("&:hover","background-color: var(--n-color-checked-hover);"),ee("&:active","background-color: var(--n-color-checked-pressed);")])])])]),xo=Object.assign(Object.assign(Object.assign({},ue.props),Co),{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}),ko=Tn("n-tag"),rt=fe({name:"Tag",props:xo,setup(e){const n=E(null),{mergedBorderedRef:t,mergedClsPrefixRef:r,inlineThemeDisabled:i,mergedRtlRef:s}=Ee(e),a=ue("Tag","-tag",wo,Rn,e,r);lt(ko,{roundRef:Q(e,"round")});function l(){if(!e.disabled&&e.checkable){const{checked:m,onCheckedChange:v,onUpdateChecked:P,"onUpdate:checked":B}=e;P&&P(!m),B&&B(!m),v&&v(!m)}}function C(m){if(e.triggerClickOnClose||m.stopPropagation(),!e.disabled){const{onClose:v}=e;v&&se(v,m)}}const b={setTextContent(m){const{value:v}=n;v&&(v.textContent=m)}},c=ft("Tag",s,r),h=D(()=>{const{type:m,size:v,color:{color:P,textColor:B}={}}=e,{common:{cubicBezierEaseInOut:O},self:{padding:F,closeMargin:S,borderRadius:g,opacityDisabled:y,textColorCheckable:N,textColorHoverCheckable:L,textColorPressedCheckable:K,textColorChecked:W,colorCheckable:A,colorHoverCheckable:Y,colorPressedCheckable:re,colorChecked:V,colorCheckedHover:ne,colorCheckedPressed:he,closeBorderRadius:ce,fontWeightStrong:Ce,[H("colorBordered",m)]:ie,[H("closeSize",v)]:be,[H("closeIconSize",v)]:Z,[H("fontSize",v)]:oe,[H("height",v)]:f,[H("color",m)]:w,[H("textColor",m)]:j,[H("border",m)]:le,[H("closeIconColor",m)]:ve,[H("closeIconColorHover",m)]:pe,[H("closeIconColorPressed",m)]:ae,[H("closeColorHover",m)]:J,[H("closeColorPressed",m)]:me}}=a.value,te=Fe(S);return{"--n-font-weight-strong":Ce,"--n-avatar-size-override":`calc(${f} - 8px)`,"--n-bezier":O,"--n-border-radius":g,"--n-border":le,"--n-close-icon-size":Z,"--n-close-color-pressed":me,"--n-close-color-hover":J,"--n-close-border-radius":ce,"--n-close-icon-color":ve,"--n-close-icon-color-hover":pe,"--n-close-icon-color-pressed":ae,"--n-close-icon-color-disabled":ve,"--n-close-margin-top":te.top,"--n-close-margin-right":te.right,"--n-close-margin-bottom":te.bottom,"--n-close-margin-left":te.left,"--n-close-size":be,"--n-color":P||(t.value?ie:w),"--n-color-checkable":A,"--n-color-checked":V,"--n-color-checked-hover":ne,"--n-color-checked-pressed":he,"--n-color-hover-checkable":Y,"--n-color-pressed-checkable":re,"--n-font-size":oe,"--n-height":f,"--n-opacity-disabled":y,"--n-padding":F,"--n-text-color":B||j,"--n-text-color-checkable":N,"--n-text-color-checked":W,"--n-text-color-hover-checkable":L,"--n-text-color-pressed-checkable":K}}),k=i?Ne("tag",D(()=>{let m="";const{type:v,size:P,color:{color:B,textColor:O}={}}=e;return m+=v[0],m+=P[0],B&&(m+=`a${gt(B)}`),O&&(m+=`b${gt(O)}`),t.value&&(m+="c"),m}),h,e):void 0;return Object.assign(Object.assign({},b),{rtlEnabled:c,mergedClsPrefix:r,contentRef:n,mergedBordered:t,handleClick:l,handleCloseClick:C,cssVars:i?void 0:h,themeClass:k==null?void 0:k.themeClass,onRender:k==null?void 0:k.onRender})},render(){var e,n;const{mergedClsPrefix:t,rtlEnabled:r,closable:i,color:{borderColor:s}={},round:a,onRender:l,$slots:C}=this;l==null||l();const b=He(C.avatar,h=>h&&d("div",{class:`${t}-tag__avatar`},h)),c=He(C.icon,h=>h&&d("div",{class:`${t}-tag__icon`},h));return d("div",{class:[`${t}-tag`,this.themeClass,{[`${t}-tag--rtl`]:r,[`${t}-tag--strong`]:this.strong,[`${t}-tag--disabled`]:this.disabled,[`${t}-tag--checkable`]:this.checkable,[`${t}-tag--checked`]:this.checkable&&this.checked,[`${t}-tag--round`]:a,[`${t}-tag--avatar`]:b,[`${t}-tag--icon`]:c,[`${t}-tag--closable`]:i}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},c||b,d("span",{class:`${t}-tag__content`,ref:"contentRef"},(n=(e=this.$slots).default)===null||n===void 0?void 0:n.call(e)),!this.checkable&&i?d(Fn,{clsPrefix:t,class:`${t}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:a,isButtonTag:this.internalCloseIsButtonTag,absolute:!0}):null,!this.checkable&&this.mergedBordered?d("div",{class:`${t}-tag__border`,style:{borderColor:s}}):null)}}),So=ee([I("base-selection",`
|
|
--n-padding-single: var(--n-padding-single-top) var(--n-padding-single-right) var(--n-padding-single-bottom) var(--n-padding-single-left);
|
|
--n-padding-multiple: var(--n-padding-multiple-top) var(--n-padding-multiple-right) var(--n-padding-multiple-bottom) var(--n-padding-multiple-left);
|
|
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);
|
|
`,[I("base-loading",`
|
|
color: var(--n-loading-color);
|
|
`),I("base-selection-tags","min-height: var(--n-height);"),T("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);
|
|
`),T("state-border",`
|
|
z-index: 1;
|
|
border-color: #0000;
|
|
`),I("base-suffix",`
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
right: 10px;
|
|
`,[T("arrow",`
|
|
font-size: var(--n-arrow-size);
|
|
color: var(--n-arrow-color);
|
|
transition: color .3s var(--n-bezier);
|
|
`)]),I("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);
|
|
`,[T("wrapper",`
|
|
flex-basis: 0;
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
`)]),I("base-selection-placeholder",`
|
|
color: var(--n-placeholder-color);
|
|
`,[T("inner",`
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
`)]),I("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);
|
|
`),I("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;
|
|
`,[I("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);
|
|
`,[T("content",`
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
`)]),T("render-label",`
|
|
color: var(--n-text-color);
|
|
`)]),Se("disabled",[ee("&:hover",[T("state-border",`
|
|
box-shadow: var(--n-box-shadow-hover);
|
|
border: var(--n-border-hover);
|
|
`)]),U("focus",[T("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus);
|
|
border: var(--n-border-focus);
|
|
`)]),U("active",[T("state-border",`
|
|
box-shadow: var(--n-box-shadow-active);
|
|
border: var(--n-border-active);
|
|
`),I("base-selection-label","background-color: var(--n-color-active);"),I("base-selection-tags","background-color: var(--n-color-active);")])]),U("disabled","cursor: not-allowed;",[T("arrow",`
|
|
color: var(--n-arrow-color-disabled);
|
|
`),I("base-selection-label",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`,[I("base-selection-input",`
|
|
cursor: not-allowed;
|
|
color: var(--n-text-color-disabled);
|
|
`),T("render-label",`
|
|
color: var(--n-text-color-disabled);
|
|
`)]),I("base-selection-tags",`
|
|
cursor: not-allowed;
|
|
background-color: var(--n-color-disabled);
|
|
`),I("base-selection-placeholder",`
|
|
cursor: not-allowed;
|
|
color: var(--n-placeholder-color-disabled);
|
|
`)]),I("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;
|
|
`,[T("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);
|
|
`),T("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=>U(`${e}-status`,[T("state-border",`border: var(--n-border-${e});`),Se("disabled",[ee("&:hover",[T("state-border",`
|
|
box-shadow: var(--n-box-shadow-hover-${e});
|
|
border: var(--n-border-hover-${e});
|
|
`)]),U("active",[T("state-border",`
|
|
box-shadow: var(--n-box-shadow-active-${e});
|
|
border: var(--n-border-active-${e});
|
|
`),I("base-selection-label",`background-color: var(--n-color-active-${e});`),I("base-selection-tags",`background-color: var(--n-color-active-${e});`)]),U("focus",[T("state-border",`
|
|
box-shadow: var(--n-box-shadow-focus-${e});
|
|
border: var(--n-border-focus-${e});
|
|
`)])])]))]),I("base-selection-popover",`
|
|
margin-bottom: -3px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-right: -8px;
|
|
`),I("base-selection-tag-wrapper",`
|
|
max-width: 100%;
|
|
display: inline-flex;
|
|
padding: 0 7px 3px 0;
|
|
`,[ee("&:last-child","padding-right: 0;"),I("tag",`
|
|
font-size: 14px;
|
|
max-width: 100%;
|
|
`,[T("content",`
|
|
line-height: 1.25;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
`)])])]),Oo=fe({name:"InternalSelection",props:Object.assign(Object.assign({},ue.props),{clsPrefix:{type:String,required:!0},bordered:{type:Boolean,default:void 0},active:Boolean,pattern:{type:String,default:""},placeholder:String,selectedOption:{type:Object,default:null},selectedOptions:{type:Array,default:null},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},multiple:Boolean,filterable:Boolean,clearable:Boolean,disabled:Boolean,size:{type:String,default:"medium"},loading:Boolean,autofocus:Boolean,showArrow:{type:Boolean,default:!0},inputProps:Object,focused:Boolean,renderTag:Function,onKeydown:Function,onClick:Function,onBlur:Function,onFocus:Function,onDeleteOption:Function,maxTagCount:[String,Number],ellipsisTagPopoverProps:Object,onClear:Function,onPatternInput:Function,onPatternFocus:Function,onPatternBlur:Function,renderLabel:Function,status:String,inlineThemeDisabled:Boolean,ignoreComposition:{type:Boolean,default:!0},onResize:Function}),setup(e){const{mergedClsPrefixRef:n,mergedRtlRef:t}=Ee(e),r=ft("InternalSelection",t,n),i=E(null),s=E(null),a=E(null),l=E(null),C=E(null),b=E(null),c=E(null),h=E(null),k=E(null),m=E(null),v=E(!1),P=E(!1),B=E(!1),O=ue("InternalSelection","-internal-selection",So,hn,e,Q(e,"clsPrefix")),F=D(()=>e.clearable&&!e.disabled&&(B.value||e.active)),S=D(()=>e.selectedOption?e.renderTag?e.renderTag({option:e.selectedOption,handleClose:()=>{}}):e.renderLabel?e.renderLabel(e.selectedOption,!0):Re(e.selectedOption[e.labelField],e.selectedOption,!0):e.placeholder),g=D(()=>{const u=e.selectedOption;if(u)return u[e.labelField]}),y=D(()=>e.multiple?!!(Array.isArray(e.selectedOptions)&&e.selectedOptions.length):e.selectedOption!==null);function N(){var u;const{value:x}=i;if(x){const{value:G}=s;G&&(G.style.width=`${x.offsetWidth}px`,e.maxTagCount!=="responsive"&&((u=k.value)===null||u===void 0||u.sync({showAllItemsBeforeCalculate:!1})))}}function L(){const{value:u}=m;u&&(u.style.display="none")}function K(){const{value:u}=m;u&&(u.style.display="inline-block")}Pe(Q(e,"active"),u=>{u||L()}),Pe(Q(e,"pattern"),()=>{e.multiple&&ct(N)});function W(u){const{onFocus:x}=e;x&&x(u)}function A(u){const{onBlur:x}=e;x&&x(u)}function Y(u){const{onDeleteOption:x}=e;x&&x(u)}function re(u){const{onClear:x}=e;x&&x(u)}function V(u){const{onPatternInput:x}=e;x&&x(u)}function ne(u){var x;(!u.relatedTarget||!(!((x=a.value)===null||x===void 0)&&x.contains(u.relatedTarget)))&&W(u)}function he(u){var x;!((x=a.value)===null||x===void 0)&&x.contains(u.relatedTarget)||A(u)}function ce(u){re(u)}function Ce(){B.value=!0}function ie(){B.value=!1}function be(u){!e.active||!e.filterable||u.target!==s.value&&u.preventDefault()}function Z(u){Y(u)}const oe=E(!1);function f(u){if(u.key==="Backspace"&&!oe.value&&!e.pattern.length){const{selectedOptions:x}=e;x!=null&&x.length&&Z(x[x.length-1])}}let w=null;function j(u){const{value:x}=i;if(x){const G=u.target.value;x.textContent=G,N()}e.ignoreComposition&&oe.value?w=u:V(u)}function le(){oe.value=!0}function ve(){oe.value=!1,e.ignoreComposition&&V(w),w=null}function pe(u){var x;P.value=!0,(x=e.onPatternFocus)===null||x===void 0||x.call(e,u)}function ae(u){var x;P.value=!1,(x=e.onPatternBlur)===null||x===void 0||x.call(e,u)}function J(){var u,x;if(e.filterable)P.value=!1,(u=b.value)===null||u===void 0||u.blur(),(x=s.value)===null||x===void 0||x.blur();else if(e.multiple){const{value:G}=l;G==null||G.blur()}else{const{value:G}=C;G==null||G.blur()}}function me(){var u,x,G;e.filterable?(P.value=!1,(u=b.value)===null||u===void 0||u.focus()):e.multiple?(x=l.value)===null||x===void 0||x.focus():(G=C.value)===null||G===void 0||G.focus()}function te(){const{value:u}=s;u&&(K(),u.focus())}function ze(){const{value:u}=s;u&&u.blur()}function Te(u){const{value:x}=c;x&&x.setTextContent(`+${u}`)}function Me(){const{value:u}=h;return u}function _e(){return s.value}let we=null;function xe(){we!==null&&window.clearTimeout(we)}function Ie(){e.active||(xe(),we=window.setTimeout(()=>{y.value&&(v.value=!0)},100))}function Be(){xe()}function Ae(u){u||(xe(),v.value=!1)}Pe(y,u=>{u||(v.value=!1)}),qe(()=>{ln(()=>{const u=b.value;u&&(e.disabled?u.removeAttribute("tabindex"):u.tabIndex=P.value?-1:0)})}),zt(a,e.onResize);const{inlineThemeDisabled:Oe}=e,ke=D(()=>{const{size:u}=e,{common:{cubicBezierEaseInOut:x},self:{borderRadius:G,color:Ze,placeholderColor:Qe,textColor:Le,paddingSingle:De,paddingMultiple:Ke,caretColor:Ye,colorDisabled:Je,textColorDisabled:Ve,placeholderColorDisabled:ye,colorActive:o,boxShadowFocus:p,boxShadowActive:R,boxShadowHover:$,border:M,borderFocus:z,borderHover:_,borderActive:q,arrowColor:de,arrowColorDisabled:It,loadingColor:Bt,colorActiveWarning:At,boxShadowFocusWarning:$t,boxShadowActiveWarning:Et,boxShadowHoverWarning:Nt,borderWarning:Lt,borderFocusWarning:Dt,borderHoverWarning:Kt,borderActiveWarning:Vt,colorActiveError:jt,boxShadowFocusError:Wt,boxShadowActiveError:Ht,boxShadowHoverError:Ut,borderError:Gt,borderFocusError:qt,borderHoverError:Zt,borderActiveError:Qt,clearColor:Yt,clearColorHover:Jt,clearColorPressed:Xt,clearSize:en,arrowSize:tn,[H("height",u)]:nn,[H("fontSize",u)]:on}}=O.value,je=Fe(De),We=Fe(Ke);return{"--n-bezier":x,"--n-border":M,"--n-border-active":q,"--n-border-focus":z,"--n-border-hover":_,"--n-border-radius":G,"--n-box-shadow-active":R,"--n-box-shadow-focus":p,"--n-box-shadow-hover":$,"--n-caret-color":Ye,"--n-color":Ze,"--n-color-active":o,"--n-color-disabled":Je,"--n-font-size":on,"--n-height":nn,"--n-padding-single-top":je.top,"--n-padding-multiple-top":We.top,"--n-padding-single-right":je.right,"--n-padding-multiple-right":We.right,"--n-padding-single-left":je.left,"--n-padding-multiple-left":We.left,"--n-padding-single-bottom":je.bottom,"--n-padding-multiple-bottom":We.bottom,"--n-placeholder-color":Qe,"--n-placeholder-color-disabled":ye,"--n-text-color":Le,"--n-text-color-disabled":Ve,"--n-arrow-color":de,"--n-arrow-color-disabled":It,"--n-loading-color":Bt,"--n-color-active-warning":At,"--n-box-shadow-focus-warning":$t,"--n-box-shadow-active-warning":Et,"--n-box-shadow-hover-warning":Nt,"--n-border-warning":Lt,"--n-border-focus-warning":Dt,"--n-border-hover-warning":Kt,"--n-border-active-warning":Vt,"--n-color-active-error":jt,"--n-box-shadow-focus-error":Wt,"--n-box-shadow-active-error":Ht,"--n-box-shadow-hover-error":Ut,"--n-border-error":Gt,"--n-border-focus-error":qt,"--n-border-hover-error":Zt,"--n-border-active-error":Qt,"--n-clear-size":en,"--n-clear-color":Yt,"--n-clear-color-hover":Jt,"--n-clear-color-pressed":Xt,"--n-arrow-size":tn}}),X=Oe?Ne("internal-selection",D(()=>e.size[0]),ke,e):void 0;return{mergedTheme:O,mergedClearable:F,mergedClsPrefix:n,rtlEnabled:r,patternInputFocused:P,filterablePlaceholder:S,label:g,selected:y,showTagsPanel:v,isComposing:oe,counterRef:c,counterWrapperRef:h,patternInputMirrorRef:i,patternInputRef:s,selfRef:a,multipleElRef:l,singleElRef:C,patternInputWrapperRef:b,overflowRef:k,inputTagElRef:m,handleMouseDown:be,handleFocusin:ne,handleClear:ce,handleMouseEnter:Ce,handleMouseLeave:ie,handleDeleteOption:Z,handlePatternKeyDown:f,handlePatternInputInput:j,handlePatternInputBlur:ae,handlePatternInputFocus:pe,handleMouseEnterCounter:Ie,handleMouseLeaveCounter:Be,handleFocusout:he,handleCompositionEnd:ve,handleCompositionStart:le,onPopoverUpdateShow:Ae,focus:me,focusInput:te,blur:J,blurInput:ze,updateCounter:Te,getCounter:Me,getTail:_e,renderLabel:e.renderLabel,cssVars:Oe?void 0:ke,themeClass:X==null?void 0:X.themeClass,onRender:X==null?void 0:X.onRender}},render(){const{status:e,multiple:n,size:t,disabled:r,filterable:i,maxTagCount:s,bordered:a,clsPrefix:l,ellipsisTagPopoverProps:C,onRender:b,renderTag:c,renderLabel:h}=this;b==null||b();const k=s==="responsive",m=typeof s=="number",v=k||m,P=d(On,null,{default:()=>d(kn,{clsPrefix:l,loading:this.loading,showArrow:this.showArrow,showClear:this.mergedClearable&&this.selected,onClear:this.handleClear},{default:()=>{var O,F;return(F=(O=this.$slots).arrow)===null||F===void 0?void 0:F.call(O)}})});let B;if(n){const{labelField:O}=this,F=V=>d("div",{class:`${l}-base-selection-tag-wrapper`,key:V.value},c?c({option:V,handleClose:()=>{this.handleDeleteOption(V)}}):d(rt,{size:t,closable:!V.disabled,disabled:r,onClose:()=>{this.handleDeleteOption(V)},internalCloseIsButtonTag:!1,internalCloseFocusable:!1},{default:()=>h?h(V,!0):Re(V[O],V,!0)})),S=()=>(m?this.selectedOptions.slice(0,s):this.selectedOptions).map(F),g=i?d("div",{class:`${l}-base-selection-input-tag`,ref:"inputTagElRef",key:"__input-tag__"},d("input",Object.assign({},this.inputProps,{ref:"patternInputRef",tabindex:-1,disabled:r,value:this.pattern,autofocus:this.autofocus,class:`${l}-base-selection-input-tag__input`,onBlur:this.handlePatternInputBlur,onFocus:this.handlePatternInputFocus,onKeydown:this.handlePatternKeyDown,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),d("span",{ref:"patternInputMirrorRef",class:`${l}-base-selection-input-tag__mirror`},this.pattern)):null,y=k?()=>d("div",{class:`${l}-base-selection-tag-wrapper`,ref:"counterWrapperRef"},d(rt,{size:t,ref:"counterRef",onMouseenter:this.handleMouseEnterCounter,onMouseleave:this.handleMouseLeaveCounter,disabled:r})):void 0;let N;if(m){const V=this.selectedOptions.length-s;V>0&&(N=d("div",{class:`${l}-base-selection-tag-wrapper`,key:"__counter__"},d(rt,{size:t,ref:"counterRef",onMouseenter:this.handleMouseEnterCounter,disabled:r},{default:()=>`+${V}`})))}const L=k?i?d(yt,{ref:"overflowRef",updateCounter:this.updateCounter,getCounter:this.getCounter,getTail:this.getTail,style:{width:"100%",display:"flex",overflow:"hidden"}},{default:S,counter:y,tail:()=>g}):d(yt,{ref:"overflowRef",updateCounter:this.updateCounter,getCounter:this.getCounter,style:{width:"100%",display:"flex",overflow:"hidden"}},{default:S,counter:y}):m&&N?S().concat(N):S(),K=v?()=>d("div",{class:`${l}-base-selection-popover`},k?S():this.selectedOptions.map(F)):void 0,W=v?Object.assign({show:this.showTagsPanel,trigger:"hover",overlap:!0,placement:"top",width:"trigger",onUpdateShow:this.onPopoverUpdateShow,theme:this.mergedTheme.peers.Popover,themeOverrides:this.mergedTheme.peerOverrides.Popover},C):null,Y=(this.selected?!1:this.active?!this.pattern&&!this.isComposing:!0)?d("div",{class:`${l}-base-selection-placeholder ${l}-base-selection-overlay`},d("div",{class:`${l}-base-selection-placeholder__inner`},this.placeholder)):null,re=i?d("div",{ref:"patternInputWrapperRef",class:`${l}-base-selection-tags`},L,k?null:g,P):d("div",{ref:"multipleElRef",class:`${l}-base-selection-tags`,tabindex:r?void 0:0},L,P);B=d(an,null,v?d(In,Object.assign({},W,{scrollable:!0,style:"max-height: calc(var(--v-target-height) * 6.6);"}),{trigger:()=>re,default:K}):re,Y)}else if(i){const O=this.pattern||this.isComposing,F=this.active?!O:!this.selected,S=this.active?!1:this.selected;B=d("div",{ref:"patternInputWrapperRef",class:`${l}-base-selection-label`,title:this.patternInputFocused?void 0:mt(this.label)},d("input",Object.assign({},this.inputProps,{ref:"patternInputRef",class:`${l}-base-selection-input`,value:this.active?this.pattern:"",placeholder:"",readonly:r,disabled:r,tabindex:-1,autofocus:this.autofocus,onFocus:this.handlePatternInputFocus,onBlur:this.handlePatternInputBlur,onInput:this.handlePatternInputInput,onCompositionstart:this.handleCompositionStart,onCompositionend:this.handleCompositionEnd})),S?d("div",{class:`${l}-base-selection-label__render-label ${l}-base-selection-overlay`,key:"input"},d("div",{class:`${l}-base-selection-overlay__wrapper`},c?c({option:this.selectedOption,handleClose:()=>{}}):h?h(this.selectedOption,!0):Re(this.label,this.selectedOption,!0))):null,F?d("div",{class:`${l}-base-selection-placeholder ${l}-base-selection-overlay`,key:"placeholder"},d("div",{class:`${l}-base-selection-overlay__wrapper`},this.filterablePlaceholder)):null,P)}else B=d("div",{ref:"singleElRef",class:`${l}-base-selection-label`,tabindex:this.disabled?void 0:0},this.label!==void 0?d("div",{class:`${l}-base-selection-input`,title:mt(this.label),key:"input"},d("div",{class:`${l}-base-selection-input__content`},c?c({option:this.selectedOption,handleClose:()=>{}}):h?h(this.selectedOption,!0):Re(this.label,this.selectedOption,!0))):d("div",{class:`${l}-base-selection-placeholder ${l}-base-selection-overlay`,key:"placeholder"},d("div",{class:`${l}-base-selection-placeholder__inner`},this.placeholder)),P);return d("div",{ref:"selfRef",class:[`${l}-base-selection`,this.rtlEnabled&&`${l}-base-selection--rtl`,this.themeClass,e&&`${l}-base-selection--${e}-status`,{[`${l}-base-selection--active`]:this.active,[`${l}-base-selection--selected`]:this.selected||this.active&&this.pattern,[`${l}-base-selection--disabled`]:this.disabled,[`${l}-base-selection--multiple`]:this.multiple,[`${l}-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},B,a?d("div",{class:`${l}-base-selection__border`}):null,a?d("div",{class:`${l}-base-selection__state-border`}):null)}});function Ge(e){return e.type==="group"}function _t(e){return e.type==="ignored"}function it(e,n){try{return!!(1+n.toString().toLowerCase().indexOf(e.trim().toLowerCase()))}catch{return!1}}function Ro(e,n){return{getIsGroup:Ge,getIgnored:_t,getKey(r){return Ge(r)?r.name||r.key||"key-required":r[e]},getChildren(r){return r[n]}}}function Po(e,n,t,r){if(!n)return e;function i(s){if(!Array.isArray(s))return[];const a=[];for(const l of s)if(Ge(l)){const C=i(l[r]);C.length&&a.push(Object.assign({},l,{[r]:C}))}else{if(_t(l))continue;n(t,l)&&a.push(l)}return a}return i(e)}function Fo(e,n,t){const r=new Map;return e.forEach(i=>{Ge(i)?i[t].forEach(s=>{r.set(s[n],s)}):r.set(i[n],i)}),r}const zo=ee([I("select",`
|
|
z-index: auto;
|
|
outline: none;
|
|
width: 100%;
|
|
position: relative;
|
|
`),I("select-menu",`
|
|
margin: 4px 0;
|
|
box-shadow: var(--n-menu-box-shadow);
|
|
`,[Rt({originalTransition:"background-color .3s var(--n-bezier), box-shadow .3s var(--n-bezier)"})])]),To=Object.assign(Object.assign({},ue.props),{to:at.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],ellipsisTagPopoverProps:Object,consistentMenuWidth:{type:Boolean,default:!0},virtualScroll:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},childrenField:{type:String,default:"children"},renderLabel:Function,renderOption:Function,renderTag:Function,"onUpdate:value":[Function,Array],inputProps:Object,nodeProps:Function,ignoreComposition:{type:Boolean,default:!0},showOnFocus:Boolean,onUpdateValue:[Function,Array],onBlur:[Function,Array],onClear:[Function,Array],onFocus:[Function,Array],onScroll:[Function,Array],onSearch:[Function,Array],onUpdateShow:[Function,Array],"onUpdate:show":[Function,Array],displayDirective:{type:String,default:"show"},resetMenuOnOptionsChange:{type:Boolean,default:!0},status:String,showCheckmark:{type:Boolean,default:!0},onChange:[Function,Array],items:Array}),cr=fe({name:"Select",props:To,setup(e){const{mergedClsPrefixRef:n,mergedBorderedRef:t,namespaceRef:r,inlineThemeDisabled:i}=Ee(e),s=ue("Select","-select",zo,vn,e,n),a=E(e.defaultValue),l=Q(e,"value"),C=vt(l,a),b=E(!1),c=E(""),h=gn(e,["items","options"]),k=E([]),m=E([]),v=D(()=>m.value.concat(k.value).concat(h.value)),P=D(()=>{const{filter:o}=e;if(o)return o;const{labelField:p,valueField:R}=e;return($,M)=>{if(!M)return!1;const z=M[p];if(typeof z=="string")return it($,z);const _=M[R];return typeof _=="string"?it($,_):typeof _=="number"?it($,String(_)):!1}}),B=D(()=>{if(e.remote)return h.value;{const{value:o}=v,{value:p}=c;return!p.length||!e.filterable?o:Po(o,P.value,p,e.childrenField)}}),O=D(()=>{const{valueField:o,childrenField:p}=e,R=Ro(o,p);return ho(B.value,R)}),F=D(()=>Fo(v.value,e.valueField,e.childrenField)),S=E(!1),g=vt(Q(e,"show"),S),y=E(null),N=E(null),L=E(null),{localeRef:K}=Pt("Select"),W=D(()=>{var o;return(o=e.placeholder)!==null&&o!==void 0?o:K.value.placeholder}),A=[],Y=E(new Map),re=D(()=>{const{fallbackOption:o}=e;if(o===void 0){const{labelField:p,valueField:R}=e;return $=>({[p]:String($),[R]:$})}return o===!1?!1:p=>Object.assign(o(p),{value:p})});function V(o){const p=e.remote,{value:R}=Y,{value:$}=F,{value:M}=re,z=[];return o.forEach(_=>{if($.has(_))z.push($.get(_));else if(p&&R.has(_))z.push(R.get(_));else if(M){const q=M(_);q&&z.push(q)}}),z}const ne=D(()=>{if(e.multiple){const{value:o}=C;return Array.isArray(o)?V(o):[]}return null}),he=D(()=>{const{value:o}=C;return!e.multiple&&!Array.isArray(o)?o===null?null:V([o])[0]||null:null}),ce=bn(e),{mergedSizeRef:Ce,mergedDisabledRef:ie,mergedStatusRef:be}=ce;function Z(o,p){const{onChange:R,"onUpdate:value":$,onUpdateValue:M}=e,{nTriggerFormChange:z,nTriggerFormInput:_}=ce;R&&se(R,o,p),M&&se(M,o,p),$&&se($,o,p),a.value=o,z(),_()}function oe(o){const{onBlur:p}=e,{nTriggerFormBlur:R}=ce;p&&se(p,o),R()}function f(){const{onClear:o}=e;o&&se(o)}function w(o){const{onFocus:p,showOnFocus:R}=e,{nTriggerFormFocus:$}=ce;p&&se(p,o),$(),R&&ae()}function j(o){const{onSearch:p}=e;p&&se(p,o)}function le(o){const{onScroll:p}=e;p&&se(p,o)}function ve(){var o;const{remote:p,multiple:R}=e;if(p){const{value:$}=Y;if(R){const{valueField:M}=e;(o=ne.value)===null||o===void 0||o.forEach(z=>{$.set(z[M],z)})}else{const M=he.value;M&&$.set(M[e.valueField],M)}}}function pe(o){const{onUpdateShow:p,"onUpdate:show":R}=e;p&&se(p,o),R&&se(R,o),S.value=o}function ae(){ie.value||(pe(!0),S.value=!0,e.filterable&&Ke())}function J(){pe(!1)}function me(){c.value="",m.value=A}const te=E(!1);function ze(){e.filterable&&(te.value=!0)}function Te(){e.filterable&&(te.value=!1,g.value||me())}function Me(){ie.value||(g.value?e.filterable?Ke():J():ae())}function _e(o){var p,R;!((R=(p=L.value)===null||p===void 0?void 0:p.selfRef)===null||R===void 0)&&R.contains(o.relatedTarget)||(b.value=!1,oe(o),J())}function we(o){w(o),b.value=!0}function xe(){b.value=!0}function Ie(o){var p;!((p=y.value)===null||p===void 0)&&p.$el.contains(o.relatedTarget)||(b.value=!1,oe(o),J())}function Be(){var o;(o=y.value)===null||o===void 0||o.focus(),J()}function Ae(o){var p;g.value&&(!((p=y.value)===null||p===void 0)&&p.$el.contains(En(o))||J())}function Oe(o){if(!Array.isArray(o))return[];if(re.value)return Array.from(o);{const{remote:p}=e,{value:R}=F;if(p){const{value:$}=Y;return o.filter(M=>R.has(M)||$.has(M))}else return o.filter($=>R.has($))}}function ke(o){X(o.rawNode)}function X(o){if(ie.value)return;const{tag:p,remote:R,clearFilterAfterSelect:$,valueField:M}=e;if(p&&!R){const{value:z}=m,_=z[0]||null;if(_){const q=k.value;q.length?q.push(_):k.value=[_],m.value=A}}if(R&&Y.value.set(o[M],o),e.multiple){const z=Oe(C.value),_=z.findIndex(q=>q===o[M]);if(~_){if(z.splice(_,1),p&&!R){const q=u(o[M]);~q&&(k.value.splice(q,1),$&&(c.value=""))}}else z.push(o[M]),$&&(c.value="");Z(z,V(z))}else{if(p&&!R){const z=u(o[M]);~z?k.value=[k.value[z]]:k.value=A}De(),J(),Z(o[M],o)}}function u(o){return k.value.findIndex(R=>R[e.valueField]===o)}function x(o){g.value||ae();const{value:p}=o.target;c.value=p;const{tag:R,remote:$}=e;if(j(p),R&&!$){if(!p){m.value=A;return}const{onCreate:M}=e,z=M?M(p):{[e.labelField]:p,[e.valueField]:p},{valueField:_,labelField:q}=e;h.value.some(de=>de[_]===z[_]||de[q]===z[q])||k.value.some(de=>de[_]===z[_]||de[q]===z[q])?m.value=A:m.value=[z]}}function G(o){o.stopPropagation();const{multiple:p}=e;!p&&e.filterable&&J(),f(),p?Z([],[]):Z(null,null)}function Ze(o){!$e(o,"action")&&!$e(o,"empty")&&!$e(o,"header")&&o.preventDefault()}function Qe(o){le(o)}function Le(o){var p,R,$,M,z;if(!e.keyboard){o.preventDefault();return}switch(o.key){case" ":if(e.filterable)break;o.preventDefault();case"Enter":if(!(!((p=y.value)===null||p===void 0)&&p.isComposing)){if(g.value){const _=(R=L.value)===null||R===void 0?void 0:R.getPendingTmNode();_?ke(_):e.filterable||(J(),De())}else if(ae(),e.tag&&te.value){const _=m.value[0];if(_){const q=_[e.valueField],{value:de}=C;e.multiple&&Array.isArray(de)&&de.includes(q)||X(_)}}}o.preventDefault();break;case"ArrowUp":if(o.preventDefault(),e.loading)return;g.value&&(($=L.value)===null||$===void 0||$.prev());break;case"ArrowDown":if(o.preventDefault(),e.loading)return;g.value?(M=L.value)===null||M===void 0||M.next():ae();break;case"Escape":g.value&&(Nn(o),J()),(z=y.value)===null||z===void 0||z.focus();break}}function De(){var o;(o=y.value)===null||o===void 0||o.focus()}function Ke(){var o;(o=y.value)===null||o===void 0||o.focusInput()}function Ye(){var o;g.value&&((o=N.value)===null||o===void 0||o.syncPosition())}ve(),Pe(Q(e,"options"),ve);const Je={focus:()=>{var o;(o=y.value)===null||o===void 0||o.focus()},focusInput:()=>{var o;(o=y.value)===null||o===void 0||o.focusInput()},blur:()=>{var o;(o=y.value)===null||o===void 0||o.blur()},blurInput:()=>{var o;(o=y.value)===null||o===void 0||o.blurInput()}},Ve=D(()=>{const{self:{menuBoxShadow:o}}=s.value;return{"--n-menu-box-shadow":o}}),ye=i?Ne("select",void 0,Ve,e):void 0;return Object.assign(Object.assign({},Je),{mergedStatus:be,mergedClsPrefix:n,mergedBordered:t,namespace:r,treeMate:O,isMounted:pn(),triggerRef:y,menuRef:L,pattern:c,uncontrolledShow:S,mergedShow:g,adjustedTo:at(e),uncontrolledValue:a,mergedValue:C,followerRef:N,localizedPlaceholder:W,selectedOption:he,selectedOptions:ne,mergedSize:Ce,mergedDisabled:ie,focused:b,activeWithoutMenuOpen:te,inlineThemeDisabled:i,onTriggerInputFocus:ze,onTriggerInputBlur:Te,handleTriggerOrMenuResize:Ye,handleMenuFocus:xe,handleMenuBlur:Ie,handleMenuTabOut:Be,handleTriggerClick:Me,handleToggle:ke,handleDeleteOption:X,handlePatternInput:x,handleClear:G,handleTriggerBlur:_e,handleTriggerFocus:we,handleKeydown:Le,handleMenuAfterLeave:me,handleMenuClickOutside:Ae,handleMenuScroll:Qe,handleMenuKeydown:Le,handleMenuMousedown:Ze,mergedTheme:s,cssVars:i?void 0:Ve,themeClass:ye==null?void 0:ye.themeClass,onRender:ye==null?void 0:ye.onRender})},render(){return d("div",{class:`${this.mergedClsPrefix}-select`},d(yn,null,{default:()=>[d(Cn,null,{default:()=>d(Oo,{ref:"triggerRef",inlineThemeDisabled:this.inlineThemeDisabled,status:this.mergedStatus,inputProps:this.inputProps,clsPrefix:this.mergedClsPrefix,showArrow:this.showArrow,maxTagCount:this.maxTagCount,ellipsisTagPopoverProps:this.ellipsisTagPopoverProps,bordered:this.mergedBordered,active:this.activeWithoutMenuOpen||this.mergedShow,pattern:this.pattern,placeholder:this.localizedPlaceholder,selectedOption:this.selectedOption,selectedOptions:this.selectedOptions,multiple:this.multiple,renderTag:this.renderTag,renderLabel:this.renderLabel,filterable:this.filterable,clearable:this.clearable,disabled:this.mergedDisabled,size:this.mergedSize,theme:this.mergedTheme.peers.InternalSelection,labelField:this.labelField,valueField:this.valueField,themeOverrides:this.mergedTheme.peerOverrides.InternalSelection,loading:this.loading,focused:this.focused,onClick:this.handleTriggerClick,onDeleteOption:this.handleDeleteOption,onPatternInput:this.handlePatternInput,onClear:this.handleClear,onBlur:this.handleTriggerBlur,onFocus:this.handleTriggerFocus,onKeydown:this.handleKeydown,onPatternBlur:this.onTriggerInputBlur,onPatternFocus:this.onTriggerInputFocus,onResize:this.handleTriggerOrMenuResize,ignoreComposition:this.ignoreComposition},{arrow:()=>{var e,n;return[(n=(e=this.$slots).arrow)===null||n===void 0?void 0:n.call(e)]}})}),d(wn,{ref:"followerRef",show:this.mergedShow,to:this.adjustedTo,teleportDisabled:this.adjustedTo===at.tdkey,containerClass:this.namespace,width:this.consistentMenuWidth?"target":void 0,minWidth:"target",placement:this.placement},{default:()=>d(Ot,{name:"fade-in-scale-up-transition",appear:this.isMounted,onAfterLeave:this.handleMenuAfterLeave},{default:()=>{var e,n,t;return this.mergedShow||this.displayDirective==="show"?((e=this.onRender)===null||e===void 0||e.call(this),sn(d(yo,Object.assign({},this.menuProps,{ref:"menuRef",onResize:this.handleTriggerOrMenuResize,inlineThemeDisabled:this.inlineThemeDisabled,virtualScroll:this.consistentMenuWidth&&this.virtualScroll,class:[`${this.mergedClsPrefix}-select-menu`,this.themeClass,(n=this.menuProps)===null||n===void 0?void 0:n.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:[(t=this.menuProps)===null||t===void 0?void 0:t.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 r,i;return[(i=(r=this.$slots).empty)===null||i===void 0?void 0:i.call(r)]},header:()=>{var r,i;return[(i=(r=this.$slots).header)===null||i===void 0?void 0:i.call(r)]},action:()=>{var r,i;return[(i=(r=this.$slots).action)===null||i===void 0?void 0:i.call(r)]}}),this.displayDirective==="show"?[[cn,this.mergedShow],[pt,this.handleMenuClickOutside,void 0,{capture:!0}]]:[[pt,this.handleMenuClickOutside,void 0,{capture:!0}]])):null}})})]}))}});export{Dn as F,yo as N,eo as S,yt as V,cr as _,Ro as a,Xn as b,ho as c,bo as d,Oo as e,uo as f,rt as g,mt as h,et as m,zt as u};
|