2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
import{c as j,f as N,h as a,ai as W,a_ as X,aP as P,b0 as Z,aJ as p,b1 as ee,aK as te,r as H,aN as O,b3 as ne,a as v,w as _,g as ae,b9 as Q,aG as ie,aI as oe,bu as le,b as ue,aH as k,a5 as A,a4 as re}from"./index.4dc78c2a.js";import{Q as B}from"./QItemLabel.f82e345a.js";var se=j({name:"QSlideTransition",props:{appear:Boolean,duration:{type:Number,default:300}},emits:["show","hide"],setup(e,{slots:I,emit:T}){let r=!1,b,i,o=null,s=null,d,S;function m(){b&&b(),b=null,r=!1,o!==null&&(clearTimeout(o),o=null),s!==null&&(clearTimeout(s),s=null),i!==void 0&&i.removeEventListener("transitionend",d),d=null}function l(n,u,g){u!==void 0&&(n.style.height=`${u}px`),n.style.transition=`height ${e.duration}ms cubic-bezier(.25, .8, .50, 1)`,r=!0,b=g}function c(n,u){n.style.overflowY=null,n.style.height=null,n.style.transition=null,m(),u!==S&&T(u)}function y(n,u){let g=0;i=n,r===!0?(m(),g=n.offsetHeight===n.scrollHeight?0:void 0):(S="hide",n.style.overflowY="hidden"),l(n,g,u),o=setTimeout(()=>{o=null,n.style.height=`${n.scrollHeight}px`,d=f=>{s=null,(Object(f)!==f||f.target===n)&&c(n,"show")},n.addEventListener("transitionend",d),s=setTimeout(d,e.duration*1.1)},100)}function L(n,u){let g;i=n,r===!0?m():(S="show",n.style.overflowY="hidden",g=n.scrollHeight),l(n,g,u),o=setTimeout(()=>{o=null,n.style.height=0,d=f=>{s=null,(Object(f)!==f||f.target===n)&&c(n,"hide")},n.addEventListener("transitionend",d),s=setTimeout(d,e.duration*1.1)},100)}return N(()=>{r===!0&&m()}),()=>a(W,{css:!1,appear:e.appear,onEnter:y,onLeave:L},I.default)}});const x=X({}),de=Object.keys(P);var fe=j({name:"QExpansionItem",props:{...P,...Z,...p,icon:String,label:String,labelLines:[Number,String],caption:String,captionLines:[Number,String],dense:Boolean,toggleAriaLabel:String,expandIcon:String,expandedIcon:String,expandIconClass:[Array,String,Object],duration:Number,headerInsetLevel:Number,contentInsetLevel:Number,expandSeparator:Boolean,defaultOpened:Boolean,hideExpandIcon:Boolean,expandIconToggle:Boolean,switchToggleSide:Boolean,denseToggle:Boolean,group:String,popup:Boolean,headerStyle:[Array,String,Object],headerClass:[Array,String,Object]},emits:[...ee,"click","afterShow","afterHide"],setup(e,{slots:I,emit:T}){const{proxy:{$q:r}}=ae(),b=te(e,r),i=H(e.modelValue!==null?e.modelValue:e.defaultOpened),o=H(null),s=O(),{show:d,hide:S,toggle:m}=ne({showing:i});let l,c;const y=v(()=>`q-expansion-item q-item-type q-expansion-item--${i.value===!0?"expanded":"collapsed"} q-expansion-item--${e.popup===!0?"popup":"standard"}`),L=v(()=>{if(e.contentInsetLevel===void 0)return null;const t=r.lang.rtl===!0?"Right":"Left";return{["padding"+t]:e.contentInsetLevel*56+"px"}}),n=v(()=>e.disable!==!0&&(e.href!==void 0||e.to!==void 0&&e.to!==null&&e.to!=="")),u=v(()=>{const t={};return de.forEach(h=>{t[h]=e[h]}),t}),g=v(()=>n.value===!0||e.expandIconToggle!==!0),f=v(()=>e.expandedIcon!==void 0&&i.value===!0?e.expandedIcon:e.expandIcon||r.iconSet.expansionItem[e.denseToggle===!0?"denseIcon":"icon"]),$=v(()=>e.disable!==!0&&(n.value===!0||e.expandIconToggle===!0)),R=v(()=>({expanded:i.value===!0,detailsId:e.targetUid,toggle:m,show:d,hide:S})),q=v(()=>{const t=e.toggleAriaLabel!==void 0?e.toggleAriaLabel:r.lang.label[i.value===!0?"collapse":"expand"](e.label);return{role:"button","aria-expanded":i.value===!0?"true":"false","aria-controls":s,"aria-label":t}});_(()=>e.group,t=>{c!==void 0&&c(),t!==void 0&&E()});function D(t){n.value!==!0&&m(t),T("click",t)}function G(t){t.keyCode===13&&C(t,!0)}function C(t,h){h!==!0&&o.value!==null&&o.value.focus(),m(t),re(t)}function K(){T("afterShow")}function M(){T("afterHide")}function E(){l===void 0&&(l=O()),i.value===!0&&(x[e.group]=l);const t=_(i,w=>{w===!0?x[e.group]=l:x[e.group]===l&&delete x[e.group]}),h=_(()=>x[e.group],(w,J)=>{J===l&&w!==void 0&&w!==l&&S()});c=()=>{t(),h(),x[e.group]===l&&delete x[e.group],c=void 0}}function U(){const t={class:[`q-focusable relative-position cursor-pointer${e.denseToggle===!0&&e.switchToggleSide===!0?" items-end":""}`,e.expandIconClass],side:e.switchToggleSide!==!0,avatar:e.switchToggleSide},h=[a(A,{class:"q-expansion-item__toggle-icon"+(e.expandedIcon===void 0&&i.value===!0?" q-expansion-item__toggle-icon--rotated":""),name:f.value})];return $.value===!0&&(Object.assign(t,{tabindex:0,...q.value,onClick:C,onKeyup:G}),h.unshift(a("div",{ref:o,class:"q-expansion-item__toggle-focus q-icon q-focus-helper q-focus-helper--rounded",tabindex:-1}))),a(k,t,()=>h)}function Y(){let t;return I.header!==void 0?t=[].concat(I.header(R.value)):(t=[a(k,()=>[a(B,{lines:e.labelLines},()=>e.label||""),e.caption?a(B,{lines:e.captionLines,caption:!0},()=>e.caption):null])],e.icon&&t[e.switchToggleSide===!0?"push":"unshift"](a(k,{side:e.switchToggleSide===!0,avatar:e.switchToggleSide!==!0},()=>a(A,{name:e.icon})))),e.disable!==!0&&e.hideExpandIcon!==!0&&t[e.switchToggleSide===!0?"unshift":"push"](U()),t}function F(){const t={ref:"item",style:e.headerStyle,class:e.headerClass,dark:b.value,disable:e.disable,dense:e.dense,insetLevel:e.headerInsetLevel};return g.value===!0&&(t.clickable=!0,t.onClick=D,Object.assign(t,n.value===!0?u.value:q.value)),a(ie,t,Y)}function V(){return oe(a("div",{key:"e-content",class:"q-expansion-item__content relative-position",style:L.value,id:s},ue(I.default)),[[le,i.value]])}function z(){const t=[F(),a(se,{duration:e.duration,onShow:K,onHide:M},V)];return e.expandSeparator===!0&&t.push(a(Q,{class:"q-expansion-item__border q-expansion-item__border--top absolute-top",dark:b.value}),a(Q,{class:"q-expansion-item__border q-expansion-item__border--bottom absolute-bottom",dark:b.value})),t}return e.group!==void 0&&E(),N(()=>{c!==void 0&&c()}),()=>a("div",{class:y.value},[a("div",{class:"q-expansion-item__container relative-position"},z())])}});export{fe as Q};
|