import{_ as k}from"./index-4b813511.js";const C=Vue.defineComponent({name:"Resizer",props:{split:{type:String,required:!0},className:{type:String,default:""}},setup(e){const s=Vue.computed(()=>["splitter-pane-resizer",e.split,e.className].join(" "));return()=>Vue.createVNode("div",{class:Vue.unref(s)},null)}});const N=Vue.defineComponent({name:"SplitPane",components:{resizer:C},props:{splitSet:{type:Object,require:!0}},emits:["resize"],setup(e,s){var p,d,V,f,v;const n=Vue.ref(!1),i=Vue.ref(!1),u=Vue.ref((p=e.splitSet)==null?void 0:p.defaultPercent),r=((d=e.splitSet)==null?void 0:d.split)==="vertical"?"width":"height",w=((V=e.splitSet)==null?void 0:V.split)==="vertical"?"left":"top",P=Vue.ref(["splitter-pane splitter-paneL",(f=e.splitSet)==null?void 0:f.split]),x=Vue.ref(["splitter-pane splitter-paneR",(v=e.splitSet)==null?void 0:v.split]),y=Vue.computed(()=>{var t;return n.value?((t=e.splitSet)==null?void 0:t.split)==="vertical"?{cursor:"col-resize"}:{cursor:"row-resize"}:{cursor:"default"}}),z=()=>{i.value||(u.value=50,s.emit("resize",u.value))},M=()=>{n.value=!0,i.value=!1},E=()=>{n.value=!1},L=t=>{var _,m,h,S,g;if((t.buttons===0||t.which===0)&&(n.value=!1),n.value){let o=0,l=t.currentTarget;if(((_=e.splitSet)==null?void 0:_.split)==="vertical")for(;l;)o+=l.offsetLeft,l=l.offsetParent;else for(;l;)o+=l.offsetTop,l=l.offsetParent;const R=((m=e.splitSet)==null?void 0:m.split)==="vertical"?t.pageX:t.pageY,T=((h=e.splitSet)==null?void 0:h.split)==="vertical"?t.currentTarget.offsetWidth:t.currentTarget.offsetHeight,c=Math.floor((R-o)/T*1e4)/100;c>((S=e.splitSet)==null?void 0:S.minPercent)&&c<100-((g=e.splitSet)==null?void 0:g.minPercent)&&(u.value=c),s.emit("resize",u.value),i.value=!0}};return()=>{var t;return Vue.createVNode(Vue.Fragment,null,[Vue.createVNode("div",{class:"vue-splitter-container clearfix",style:Vue.unref(y),onMouseup:()=>E(),onMousemove:()=>L(event)},[Vue.createVNode("div",{class:Vue.unref(P),style:{[Vue.unref(r)]:Vue.unref(u)+"%"}},[s.slots.paneL()]),Vue.createVNode(C,{style:`${Vue.unref([w])}:${Vue.unref(u)}%`,split:(t=e.splitSet)==null?void 0:t.split,onMousedown:()=>M(),onClick:()=>z()},null),Vue.createVNode("div",{class:Vue.unref(x),style:{[Vue.unref(r)]:100-Vue.unref(u)+"%"}},[s.slots.paneR()]),Vue.withDirectives(Vue.createVNode("div",{class:"vue-splitter-container-mask"},null),[[Vue.vShow,Vue.unref(n)]])])])}}}),a=e=>(Vue.pushScopeId("data-v-2e37dd19"),e=e(),Vue.popScopeId(),e),B=a(()=>Vue.createElementVNode("div",{class:"card-header"},[Vue.createElementVNode("span",{class:"font-medium"},"\u5207\u5272\u9762\u677F\u7EC4\u4EF6")],-1)),I={class:"split-pane"},$=a(()=>Vue.createElementVNode("div",{class:"dv-a"},"A",-1)),b=a(()=>Vue.createElementVNode("div",{class:"dv-b"},"B",-1)),F=a(()=>Vue.createElementVNode("div",{class:"dv-c"},"C",-1)),j=Vue.defineComponent({name:"SplitPane"}),q=Vue.defineComponent({...j,setup(e){const s=Vue.reactive({minPercent:20,defaultPercent:40,split:"vertical"}),n=Vue.reactive({minPercent:20,defaultPercent:40,split:"horizontal"});return(i,u)=>{const r=Vue.resolveComponent("el-card");return Vue.openBlock(),Vue.createBlock(r,null,{header:Vue.withCtx(()=>[B]),default:Vue.withCtx(()=>[Vue.createElementVNode("div",I,[Vue.createVNode(Vue.unref(N),{splitSet:s},{paneL:Vue.withCtx(()=>[$]),paneR:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(N),{splitSet:n},{paneL:Vue.withCtx(()=>[b]),paneR:Vue.withCtx(()=>[F]),_:1},8,["splitSet"])]),_:1},8,["splitSet"])])]),_:1})}}});const O=k(q,[["__scopeId","data-v-2e37dd19"]]);export{O as default};