mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-08 01:17:23 +08:00
2 lines
3.4 KiB
JavaScript
2 lines
3.4 KiB
JavaScript
import{_ as k}from"./index-fa5d6b3f.js";const w=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:w},props:{splitSet:{type:Object,require:!0}},emits:["resize"],setup(e,s){var d,p,V,f,v;const n=Vue.ref(!1),u=Vue.ref(!1),i=Vue.ref((d=e.splitSet)==null?void 0:d.defaultPercent),r=((p=e.splitSet)==null?void 0:p.split)==="vertical"?"width":"height",C=((V=e.splitSet)==null?void 0:V.split)==="vertical"?"left":"top",x=Vue.ref(["splitter-pane splitter-paneL",(f=e.splitSet)==null?void 0:f.split]),P=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=()=>{u.value||(i.value=50,s.emit("resize",i.value))},M=()=>{n.value=!0,u.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 c=0,l=t.currentTarget;if(((_=e.splitSet)==null?void 0:_.split)==="vertical")for(;l;)c+=l.offsetLeft,l=l.offsetParent;else for(;l;)c+=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,o=Math.floor((R-c)/T*1e4)/100;o>((S=e.splitSet)==null?void 0:S.minPercent)&&o<100-((g=e.splitSet)==null?void 0:g.minPercent)&&(i.value=o),s.emit("resize",i.value),u.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(x),style:{[Vue.unref(r)]:Vue.unref(i)+"%"}},[s.slots.paneL()]),Vue.createVNode(w,{style:`${Vue.unref([C])}:${Vue.unref(i)}%`,split:(t=e.splitSet)==null?void 0:t.split,onMousedown:()=>M(),onClick:()=>z()},null),Vue.createVNode("div",{class:Vue.unref(P),style:{[Vue.unref(r)]:100-Vue.unref(i)+"%"}},[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-62ddaddc"),e=e(),Vue.popScopeId(),e),B=a(()=>Vue.createElementVNode("div",{class:"card-header"},[Vue.createElementVNode("span",{class:"font-medium"},"切割面板组件")],-1)),I={class:"split-pane"},$=a(()=>Vue.createElementVNode("div",{class:"dv-a"},"A",-1)),b=a(()=>Vue.createElementVNode("div",{class:"dv-b"},"B",-1)),j=a(()=>Vue.createElementVNode("div",{class:"dv-c"},"C",-1)),q=Vue.defineComponent({name:"SplitPane",__name:"index",setup(e){const s=Vue.reactive({minPercent:20,defaultPercent:40,split:"vertical"}),n=Vue.reactive({minPercent:20,defaultPercent:40,split:"horizontal"});return(u,i)=>{const r=Vue.resolveComponent("el-card");return Vue.openBlock(),Vue.createBlock(r,{shadow:"never"},{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(()=>[j]),_:1},8,["splitSet"])]),_:1},8,["splitSet"])])]),_:1})}}});const O=k(q,[["__scopeId","data-v-62ddaddc"]]);export{O as default};
|