vexip-ui/lib/components/cascader/cascader.vue2.cjs

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

"use strict";const e=require("vue");require("../icon/index.cjs");require("../native-scroll/index.cjs");require("../overflow/index.cjs");require("../popper/index.cjs");require("../renderer/index.cjs");require("../tag/index.cjs");require("../tooltip/index.cjs");require("../form/index.cjs");require("./cascader-panel.vue.cjs");const p=require("@vexip-ui/config"),R=require("@vexip-ui/hooks"),V=require("@vexip-ui/utils"),tl=require("./props.cjs"),rl=require("../form/helper.cjs"),A=require("../renderer/renderer.cjs"),O=require("../icon/icon.cjs"),nl=require("../overflow/overflow.cjs"),Y=require("../tag/tag.cjs"),sl=require("../tooltip/tooltip.cjs"),ol=require("../native-scroll/native-scroll.cjs"),il=require("../popper/popper.vue.cjs"),ul=require("./cascader-panel.vue2.cjs"),cl=["id","aria-disabled","aria-expanded","aria-labelledby"],dl={key:1},fl=["aria-label"],pl=e.defineComponent({name:"Cascader",__name:"cascader",props:tl.cascaderProps,emits:["update:visible","update:value"],setup(ze,{expose:Ae,emit:qe}){const de=Symbol("ID_KEY"),fe=Symbol("PARENT_KEY"),pe={value:"value",label:"label",children:"children",disabled:"disabled",hasChild:"hasChild"},{idFor:he,labelId:j,state:Pe,disabled:_e,loading:Fe,size:Oe,validateField:Ie,clearField:Me,getFieldValue:Ke,setFieldValue:De}=rl.useFieldStore(()=>{var l;return(l=S.value)==null?void 0:l.focus()}),He=ze,o=p.useNameHelper("cascader"),a=p.useProps("cascader",He,{size:p.createSizeProp(Oe),state:p.createStateProp(Pe),locale:null,value:{default:()=>Ke(),static:!0},visible:{default:!1,static:!0},options:{default:()=>[],static:!0},placeholder:null,prefix:p.createIconProp(),prefixColor:"",suffix:p.createIconProp(),suffixColor:"",noCascaded:!1,multiple:!1,disabled:()=>_e.value,clearable:!1,placement:{default:"bottom-start",validator:l=>R.placementWhileList.includes(l)},transfer:!1,staticSuffix:!1,noSuffix:!1,transitionName:()=>o.ns("drop"),outsideClose:!0,keyConfig:()=>({}),separator:{default:"/",validator:l=>l.length===1},hoverTrigger:!1,maxTagCount:0,briefLabel:!1,noRestTip:!1,onAsyncLoad:{default:null,isFunc:!0},mergeTags:!1,tagType:null,emptyText:null,loading:()=>Fe.value,loadingIcon:p.createIconProp(),loadingLock:!1,loadingEffect:null,transparent:!1,popperAlive:null,slots:()=>({})}),U=qe,W=e.useSlots(),q=p.useIcons(),I=p.useLocale("select",e.toRef(a,"locale")),b=e.ref(a.visible),h=e.ref([]),k=e.ref([]),L=e.ref([]),M=e.ref([]),G=e.ref(!1),Re=e.toRef(a,"placement"),Ye=e.toRef(a,"transfer"),x=e.ref(null),ve=e.ref(null),C=e.computed(()=>typeof a.onAsyncLoad=="function"),E=e.computed(()=>a.mergeTags&&!a.noCascaded),P=e.computed(()=>E.value?L.value:h.value),J=e.computed(()=>E.value?M.value:k.value);let $=null,d=null,g=null,Q=!1,X=-1,me;const ge=e.ref(0);e.watchEffect(()=>{a.keyConfig.value,a.keyConfig.label,a.keyConfig.disabled,a.keyConfig.hasChild,a.separator,C.value,me=V.flatTree(a.options,{keyField:de,parentField:fe,childField:a.keyConfig.children??pe.children,forceInject:!0}),ge.value++}),e.watch(ge,je,{immediate:!0});function je(){const l=a.separator,r=C.value;$=we(me),d=new Map,g=new Map;for(let n=0,s=$.length;n<s;++n){const t=$[n];xe(t,l),d.set(t.id,t),g.set(t.fullValue,t),r&&(t.childrenLoaded=re(t))}ve.value=V.transformTree($),Ve(x.value)}const y=e.ref([]),T=e.computed(()=>[ve.value,...y.value.map(l=>{var r;return(r=d.get(l))==null?void 0:r.children}).filter(Boolean)]),K=R.useClickOutside(Ze),Z=e.ref(),{reference:S,transferTo:be,updatePopper:ee}=R.usePopper({placement:Re,transfer:Ye,wrapper:K,popper:e.computed(()=>{var l;return(l=Z.value)==null?void 0:l.wrapper}),isDrop:!0}),{isHover:ke}=R.useHover(S),N=e.ref([]),le=e.ref(0),B=e.ref(!1),Ce=e.ref(0),Ue=e.computed(()=>({[o.b()]:!0,[o.ns("input-vars")]:!0,[o.bs("vars")]:!0,[o.bm("inherit")]:a.inherit,[o.bm("multiple")]:a.multiple,[o.bm("responsive")]:a.multiple&&a.maxTagCount<=0})),z=e.computed(()=>a.loading&&a.loadingLock),We=e.computed(()=>{const l=o.be("selector");return{[l]:!0,[`${l}--focused`]:!a.disabled&&b.value,[`${l}--disabled`]:a.disabled,[`${l}--readonly`]:z.value,[`${l}--loading`]:a.loading,[`${l}--${a.size}`]:a.size!=="default",[`${l}--${a.state}`]:a.state!=="default",[`${l}--has-prefix`]:ye.value,[`${l}--has-suffix`]:!a.noSuffix,[`${l}--transparent`]:a.transparent}}),ye=e.computed(()=>!!(W.prefix||a.slots.prefix||a.prefix)),ae=e.computed(()=>!!P.value[0]),Ge=e.computed(()=>a.hoverTrigger&&!C.value),te=e.computed(()=>!a.disabled&&!z.value&&a.clearable&&ke.value&&ae.value);e.watch(()=>a.visible,l=>{b.value=l}),e.watch(b,async l=>{var r;l?(B.value=!1,Ce.value=((r=K.value)==null?void 0:r.offsetWidth)||0,await ee(),e.nextTick(()=>{var n,s;(s=(n=V.getLast(N.value))==null?void 0:n.$el)==null||s.focus()})):(G.value=!1,S.value&&!Q&&S.value.focus()),Q=!1});let D=!1;e.watch(x,()=>{D=!0}),e.watch(()=>a.value,l=>{(l!==x.value||D)&&(x.value=l,Ve(l),e.nextTick(()=>{D=!1}))},{immediate:!0}),e.watch(()=>a.briefLabel,l=>{k.value=h.value.map(r=>{var n;return(n=g.get(r))==null?void 0:n[l?"label":"fullLabel"]}).filter(Boolean)}),e.watch(C,l=>{if(l)for(const r of d.values())r.childrenLoaded=re(r)}),e.watch(E,l=>{if(l&&(L.value.length=0,M.value.length=0,ne()),C.value){const r=[];for(const n of d.values())n.checked&&r.push(n),n.hasChild&&!n.children.length&&!n.loaded&&(n.checked=!1);for(let n=0,s=r.length;n<s;++n){const t=r[n];se(t),oe(t)}}Se()}),e.watch(()=>T.value.length,()=>{ee(),e.nextTick(()=>{var l,r;(r=(l=V.getLast(N.value))==null?void 0:l.$el)==null||r.focus(),X=-1})}),e.watch(()=>a.disabled,l=>{l&&_(!1)}),e.watch(z,l=>{l&&_(!1)}),e.onBeforeUpdate(()=>{N.value.length=0}),Ae({idFor:he,labelId:j,currentVisible:b,currentValues:h,currentLabels:k,isHover:ke,openedIds:y,restTagCount:le,restTipShow:B,optionsList:T,hasValue:ae,templateValues:P,templateLabels:J,showClear:te,wrapper:K,reference:S,popper:Z,panelElList:N,handlePanelOpen:H,handleOptionSelect:Le,handleOptionCheck:ie,toggleVisible:F,handleClear:Ee,handlePanelBack:Ne,focus:l=>{var r;return(r=S.value)==null?void 0:r.focus(l)},blur:()=>{var l;return(l=S.value)==null?void 0:l.blur()}});function we(l){const{value:r,label:n,disabled:s,hasChild:t}={...pe,...a.keyConfig};return l.map(i=>{const{[de]:c,[fe]:u,[r]:v,[n]:m,[s]:f,[t]:w}=i;return e.reactive({id:c,parent:u,value:v,disabled:f,hasChild:w,label:m||String(v),fullValue:"",fullLabel:"",children:[],checked:!1,partial:!1,loading:!1,loaded:!1,error:!1,childrenLoaded:!1,data:i})})}function xe(l,r){let n=l.value,s=l.label,t=d.get(l.parent);for(;t;)n=`${t.value}${r}${n}`,s=`${t.label}${r}${s}`,t=d.get(t.parent);l.fullValue=n,l.fullLabel=s}function re(l){var n,s;if(l.hasChild&&!((n=l.children)!=null&&n.length))return l.loaded;const r=[...l.children];for(;r.length;){const t=r.shift();if(!t.childrenLoaded){if(t.hasChild&&!((s=t.children)!=null&&s.length)&&(t.childrenLoaded=t.loaded,!t.loaded))return!1;r.push(...t.children)}}return!0}function ne(){const l=C.value?h.value.concat(L.value):h.value,r=new Set(l),n=[...l];for(;n.length;){const t=n.shift(),i=g.get(t);if(i){const c=d.get(i.parent);c!=null&&c.checked&&(r.delete(t),r.add(c.fullValue),n.push(c.fullValue))}}const s=a.briefLabel;L.value=Array.from(r).filter(t=>g.has(t)),M.value=L.value.map(t=>{const i=g.get(t);return s?i.label:i.fullLabel}).filter(Boolean)}function Je(l){return!!l.length&&!Array.isArray(l[0])}function Qe(l){return!!l.length&&Array.isArray(l[0])}function Ve(l){const r=()=>{E.value&&(C.value&&(L.value=Array.from(d.values()).filter(t=>t.checked).map(t=>t.fullValue)),ne())};for(const t of $)t.checked=!1,t.partial=!1;if(!(l!=null&&l.length)){h.value=[],k.value=[],r();return}const n=a.briefLabel;if(a.multiple){const t=Je(l)?[l]:l,i=new Set(t.map(m=>m.join(a.separator))),c=[],u=[],v=[];if(i.forEach(m=>{const f=g.get(m);f&&(f.checked=!0,f.partial=!1,c.push(m),u.push(n?f.label:f.fullLabel),v.push(f))}),!a.noCascaded){const m=v.concat(Array.from(d.values()).filter(f=>f.disabled&&f.checked));for(let f=0,w=m.length;f<w;++f){const $e=m[f];se($e),oe($e)}}h.value=c,k.value=u}else{const i=(Qe(l)?l[0]:l).join(a.separator),c=g.get(i);c?(h.value=[i],k.value=[n?c.label:c.fullLabel],a.noCascaded&&(c.checked=!0,c.partial=!1)):(h.value=[],k.value=[])}if(r(),y.value.length)return;const s=h.value[0];if(s){const t=g.get(s),i=[t.id];let c=d.get(t.parent);for(;c;)i.push(c.id),c=d.get(c.parent);y.value=i.reverse().slice(0,-1)}}function _(l){b.value!==l&&(b.value=l,U("update:visible",l),p.emitEvent(a.onToggle,l))}async function H(l,r){var n,s;if(!(!l.hasChild&&!((n=l.children)!=null&&n.length))){if(C.value&&!((s=l.children)!=null&&s.length)&&!l.loaded){l.loading=!0;let t;try{t=a.onAsyncLoad(l.data),t=V.isPromise(t)?await t:t}catch{l.error=!0,l.loading=!1;return}const i=t;if(!Array.isArray(i)||!i.length)l.hasChild=!1;else{const u=we(i),v=l.id,m=a.separator;l.children.push(...u);let f=Math.max(...Array.from(d.keys()).map(Number))+1;u.forEach(w=>{w.id=f++,w.parent=v,xe(w,m),d.set(w.id,w),g.set(w.fullValue,w)}),$.push(...u)}l.loaded=!0,l.loading=!1,Xe(l).forEach(u=>{u.childrenLoaded=re(u)})}r<y.value.length&&(y.value=y.value.slice(0,r)),y.value.push(l.id),requestAnimationFrame(()=>{var t,i;(i=(t=V.getLast(N.value))==null?void 0:t.$el)==null||i.focus()})}}function Le(l,r){var n;l&&(l.hasChild||(n=l.children)!=null&&n.length?H(l,r):ue(l.fullValue))}function Xe(l){const r=[l];let n=d.get(l.parent);for(;n;)r.push(n),n=d.get(n.parent);return r}function se(l){let r=l;for(;!V.isNull(r.parent);){const n=d.get(r.parent);if(!n||r.checked===n.checked&&r.partial===n.partial)break;r.checked?(n.checked=n.children.every(s=>s.disabled||s.checked),n.partial=!n.checked):(n.checked=!1,n.partial=n.children.some(s=>s.checked||s.partial)),r=n}}function oe(l){var i;const r=l.checked,n=l.partial,s=[...l.children];let t;for(;s.length;)t=s.shift(),!t.disabled&&(t.checked=r,t.partial=n,(i=t.children)!=null&&i.length&&s.push(...t.children))}function ie(l){if(!l)return;const r=Array.from(d.values()),n=!l.checked;if(!a.multiple){for(let s=0,t=r.length;s<t;++s)r[s].checked=!1;return l.checked=n,l.partial=!1,ue(l.fullValue)}if(l.checked=n,l.partial=!1,!a.noCascaded){const s=[l].concat(r.filter(t=>t.disabled&&t.checked));for(let t=0,i=s.length;t<i;++t){const c=s[t];se(c),oe(c)}}p.emitEvent(a[n?"onSelect":"onCancel"],l.fullValue,l.data),Se()}function Se(){const l=Array.from(d.values()),r=a.noCascaded?l.filter(u=>u.checked):l.filter(u=>{var v;return u.checked&&!(u.hasChild||(v=u.children)!=null&&v.length)}),n=[],s=[],t=[],i=[],c=a.briefLabel;r.forEach(u=>{n.push(u.fullValue),s.push(c?u.label:u.fullLabel);const{value:v,data:m}=ce(u.fullValue);t.push(v),i.push(m)}),h.value=n,k.value=s,E.value&&(C.value&&(L.value=l.filter(u=>u.checked).map(u=>u.fullValue)),ne()),E.value&&C.value&&(t.length=0,i.length=0,L.value.forEach(u=>{const v=g.get(u);if(v){const{value:m,data:f}=ce(v.fullValue);t.push(m),i.push(f)}})),Be(t,i),e.nextTick(ee)}function ue(l){const r=g.get(l);if(!r)return;p.emitEvent(a.onSelect,l,r.data),l?(h.value[0]=l,k.value[0]=a.briefLabel?r.label:r.fullLabel):(h.value.length=0,k.value.length=0);const{value:n,data:s}=ce(l);Be(n,s),_(!1)}function Be(l,r){x.value=l,e.nextTick(()=>{D=!1,U("update:value",l),De(l),p.emitEvent(a.onChange,l,r),Ie()})}function ce(l){let r=g.get(l);if(!r)return{value:[],data:[]};const n=[r.value],s=[r.data];for(;r.parent;){const t=d.get(r.parent);if(!t)break;n.push(t.value),s.push(t.data),r=t}return{value:n.reverse(),data:s.reverse()}}function F(l=!b.value){a.disabled||z.value||_(l)}function Ze(){B.value=!1,p.emitEvent(a.onClickOutside),a.outsideClose&&b.value&&(_(!1),Q=!0,p.emitEvent(a.onOutsideClose))}function Ee(){if(!(a.disabled||z.value)&&a.clearable){const l=x.value;h.value.length=0,k.value.length=0,L.value.length=0,M.value.length=0,y.value.length=0,x.value=(l==null?void 0:l.length)===0?l:[],B.value=!1;for(const r of d.values())r.checked=!1,r.partial=!1;(l==null?void 0:l.length)!==0&&(U("update:value",x.value),p.emitEvent(a.onChange,x.value,[])),p.emitEvent(a.onClear),Me(x.value)}}function el(){b.value?B.value=!1:B.value=!B.value}function Te(l){a.disabled||z.value||(a.multiple?ie(g.get(l)):ue(l))}function ll(l,r){H(l,r),requestAnimationFrame(()=>{const n=V.getLast(N.value);n&&n.currentHitting<0&&(n.currentHitting=n.options.findIndex(s=>s.id===X),n.currentHitting<0&&(n.currentHitting=0))})}function Ne(){X=y.value.pop()}function al(){requestAnimationFrame(()=>{G.value=!0})}return(l,r)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(he),ref_key:"wrapper",ref:K,class:e.normalizeClass(Ue.value),role:"group","aria-disabled":e.unref(V.toAttrValue)(e.unref(a).disabled),"aria-expanded":e.unref(V.toAttrValue)(b.value),"aria-haspopup":"dialog","aria-labelledby":e.unref(j),onClick:r[7]||(r[7]=n=>F())},[e.createElementVNode("div",{ref_key:"reference",ref:S,class:e.normalizeClass(We.value),tabindex:"0",onKeydown:[r[2]||(r[2]=e.withKeys(e.withModifiers(n=>F(),["prevent"]),["space"])),r[3]||(r[3]=e.withKeys(n=>F(!1),["tab"]))]},[ye.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).be("icon"),e.unref(o).be("prefix")]),style:e.normalizeStyle({color:e.unref(a).prefixColor})},[e.renderSlot(l.$slots,"prefix",{},()=>[e.createVNode(e.unref(A),{renderer:e.unref(a).slots.prefix},{default:e.withCtx(()=>[e.createVNode(e.unref(O),{icon:e.unref(a).prefix},null,8,["icon"])]),_:1},8,["renderer"])])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).be("control"))},[e.renderSlot(l.$slots,"control",{},()=>[e.createVNode(e.unref(A),{renderer:e.unref(a).slots.control},{default:e.withCtx(()=>[e.unref(a).multiple?(e.openBlock(),e.createBlock(e.unref(nl),{key:0,inherit:"",class:e.normalizeClass([e.unref(o).be("tags")]),items:P.value,"max-count":e.unref(a).maxTagCount,onRestChange:r[1]||(r[1]=n=>le.value=n)},{default:e.withCtx(({item:n,index:s})=>[e.createVNode(e.unref(Y),{inherit:"",class:e.normalizeClass(e.unref(o).be("tag")),type:e.unref(a).tagType,closable:"",disabled:e.unref(a).disabled,onClick:r[0]||(r[0]=e.withModifiers(t=>F(),["stop"])),onClose:t=>Te(n)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(J.value[s]),1)]),_:2},1032,["class","type","disabled","onClose"])]),counter:e.withCtx(({count:n})=>[e.unref(a).noRestTip?(e.openBlock(),e.createBlock(e.unref(Y),{key:0,inherit:"",class:e.normalizeClass([e.unref(o).be("tag"),e.unref(o).be("counter")]),type:e.unref(a).tagType,disabled:e.unref(a).disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${n}`),1)]),_:2},1032,["class","type","disabled"])):(e.openBlock(),e.createElementBlock("span",dl,[e.createVNode(e.unref(sl),{inherit:"",transfer:!1,visible:B.value,trigger:"custom",placement:"top-end","tip-class":e.unref(o).be("rest-tip"),onClick:e.withModifiers(el,["stop"])},{trigger:e.withCtx(()=>[e.createVNode(e.unref(Y),{inherit:"",class:e.normalizeClass([e.unref(o).be("tag"),e.unref(o).be("counter")]),type:e.unref(a).tagType,disabled:e.unref(a).disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${n}`),1)]),_:2},1032,["class","type","disabled"])]),default:e.withCtx(()=>[e.createVNode(e.unref(ol),{inherit:"","use-y-bar":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(P.value,(s,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t>=P.value.length-le.value?(e.openBlock(),e.createBlock(e.unref(Y),{key:0,inherit:"",class:e.normalizeClass(e.unref(o).be("tag")),closable:"",type:e.unref(a).tagType,disabled:e.unref(a).disabled,onClose:i=>Te(s)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(J.value[t]),1)]),_:2},1032,["class","type","disabled","onClose"])):e.createCommentVNode("",!0)],64))),128))]),_:1})]),_:2},1032,["visible","tip-class"])]))]),_:1},8,["class","items","max-count"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(k.value[0]),1)],64)),(e.unref(a).placeholder??e.unref(I).placeholder)&&!ae.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(o).be("placeholder"))},e.toDisplayString(e.unref(a).placeholder??e.unref(I).placeholder),3)):e.createCommentVNode("",!0)]),_:1},8,["renderer"])])],2),e.unref(a).noSuffix?e.unref(a).clearable||e.unref(a).loading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass([e.unref(o).be("icon"),e.unref(o).bem("icon","placeholder"),e.unref(o).be("suffix")])},null,2)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o).be("icon"),e.unref(o).be("suffix")]),style:e.normalizeStyle({color:e.unref(a).suffixColor,opacity:te.value||e.unref(a).loading?"0%":""})},[e.renderSlot(l.$slots,"suffix",{},()=>[e.createVNode(e.unref(A),{renderer:e.unref(a).slots.suffix},{default:e.withCtx(()=>[e.unref(a).suffix?(e.openBlock(),e.createBlock(e.unref(O),{key:0,icon:e.unref(a).suffix,class:e.normalizeClass({[e.unref(o).be("arrow")]:!e.unref(a).staticSuffix})},null,8,["icon","class"])):(e.openBlock(),e.createBlock(e.unref(O),e.mergeProps({key:1},e.unref(q).angleDown,{class:e.unref(o).be("arrow")}),null,16,["class"]))]),_:1},8,["renderer"])])],6)),e.createVNode(e.Transition,{name:e.unref(o).ns("fade"),appear:""},{default:e.withCtx(()=>[te.value?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass([e.unref(o).be("icon"),e.unref(o).be("clear")]),type:"button",tabindex:"-1","aria-label":e.unref(I).ariaLabel.clear,onClick:e.withModifiers(Ee,["stop"])},[e.createVNode(e.unref(O),e.normalizeProps(e.guardReactiveProps(e.unref(q).clear)),null,16)],10,fl)):e.unref(a).loading?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(o).be("icon"),e.unref(o).be("loading")])},[e.createVNode(e.unref(O),e.mergeProps(e.unref(q).loading,{effect:e.unref(a).loadingEffect||e.unref(q).loading.effect,icon:e.unref(a).loadingIcon||e.unref(q).loading.icon}),null,16,["effect","icon"])],2)):e.createCommentVNode("",!0)]),_:1},8,["name"])],34),e.createVNode(e.unref(il),{ref_key:"popper",ref:Z,class:e.normalizeClass([e.unref(o).be("popper"),e.unref(o).ns("input-vars"),e.unref(o).bs("vars")]),visible:b.value,to:e.unref(be),transition:e.unref(a).transitionName,alive:e.unref(a).popperAlive??!e.unref(be),onClick:r[6]||(r[6]=e.withModifiers(()=>{},["stop"])),onEnter:al},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({[e.unref(o).be("panels")]:!0,[e.unref(o).bem("panels","empty")]:!T.value[0]||!T.value[0].length})},[T.value[0]&&T.value[0].length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(T.value,(n,s)=>(e.openBlock(),e.createBlock(ul,{key:s,ref_for:!0,ref:t=>t&&N.value.push(t),options:n,"opened-id":y.value[s],values:h.value,ready:G.value,multiple:e.unref(a).multiple,"is-async":C.value,merged:E.value,"no-cascaded":e.unref(a).noCascaded,"labeled-by":e.unref(j),onSelect:t=>Le(t,s),onHover:t=>Ge.value&&H(t,s),onCheck:r[4]||(r[4]=t=>ie(t)),onOpen:t=>ll(t,s),onBack:Ne,onClose:r[5]||(r[5]=t=>b.value=!1)},e.createSlots({_:2},[W.default||e.unref(a).slots.default?{name:"default",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"default",e.mergeProps({ref_for:!0},t),()=>[e.createVNode(e.unref(A),{renderer:e.unref(a).slots.default,data:t},null,8,["renderer","data"])])]),key:"0"}:void 0,W.label||e.unref(a).slots.label?{name:"label",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"label",e.mergeProps({ref_for:!0},t),()=>[e.createVNode(e.unref(A),{renderer:e.unref(a).slots.label,data:t},null,8,["renderer","data"])])]),key:"1"}:void 0]),1032,["options","opened-id","values","ready","multiple","is-async","merged","no-cascaded","labeled-by","onSelect","onHover","onOpen"]))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("empty")),style:e.normalizeStyle({width:`${Ce.value}px`})},[e.renderSlot(l.$slots,"empty",{},()=>[e.createVNode(e.unref(A),{renderer:e.unref(a).slots.empty},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a).emptyText??e.unref(I).empty),1)]),_:1},8,["renderer"])])],6))],2)]),_:3},8,["class","visible","to","transition","alive"])],10,cl))}});module.exports=pl;
//# sourceMappingURL=cascader.vue2.cjs.map