vuux/dist/lib/Split/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),f=require("./hook/useSplit.cjs"),i=require("@vuux/icons"),d={class:"split-pane pane-right"},m=e.defineComponent({name:"Split",__name:"index",props:{direction:{default:"horizontal"},min:{default:10},max:{default:90},left:{default:50}},setup(a){const o=a,s=e.useTemplateRef("splitEl"),{leftPaneStyle:c,directionType:p,isVertical:u,onMousedown:t}=f.useSplit(o,s);return(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"splitEl",ref:s,class:e.normalizeClass(["app-split",o.direction]),style:e.normalizeStyle({flexDirection:e.unref(p)})},[e.createElementVNode("div",{class:"split-pane pane-left",style:e.normalizeStyle(e.unref(c))},[e.renderSlot(r.$slots,"left")],4),e.createElementVNode("div",{class:e.normalizeClass(["pane-resizer",o.direction]),onMousedownPassive:n[0]||(n[0]=(...l)=>e.unref(t)&&e.unref(t)(...l)),onTouchstartPassive:n[1]||(n[1]=(...l)=>e.unref(t)&&e.unref(t)(...l))},[e.unref(u)?(e.openBlock(),e.createBlock(e.unref(i.Icon),{key:0,name:"Icon7117462",opacity:.8})):(e.openBlock(),e.createBlock(e.unref(i.Icon),{key:1,name:"Icon3503484",opacity:.8}))],34),e.createElementVNode("div",d,[e.renderSlot(r.$slots,"right")])],6))}});module.exports=m;