3 lines
1.4 KiB
JavaScript
3 lines
1.4 KiB
JavaScript
import{a as v,h as y,d as i,q as S,p as _,c as w,i as B,e as l,f as O,E as T,s as b,T as k}from"./vendor-core.B6UiYhU_.js";import{_ as D}from"./index.B8XI8FQW.js";const V={class:"bottom-sheet-content"},C=100,x={__name:"BottomSheet",props:{modelValue:{type:Boolean,default:!1},closeOnOverlay:{type:Boolean,default:!0},closeOnSwipeDown:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(r,{emit:u}){const n=r,d=u,e=v(null);let o=0,s=0;const c=()=>{d("update:modelValue",!1)},f=()=>{n.closeOnOverlay&&c()},h=t=>{n.closeOnSwipeDown&&(o=t.touches[0].clientY,s=o)},m=t=>{if(!n.closeOnSwipeDown)return;s=t.touches[0].clientY;const a=Math.max(0,s-o);e.value&&a>0&&(e.value.style.transform=`translateY(${a}px)`,e.value.style.transition="none")},p=()=>{if(!n.closeOnSwipeDown||!e.value)return;const t=s-o;e.value.style.transition="",e.value.style.transform="",t>C&&c(),o=0,s=0};return(t,a)=>(i(),y(k,{to:"body"},[S(b,{name:"bottom-sheet"},{default:_(()=>[r.modelValue?(i(),w("div",{key:0,class:"bottom-sheet-overlay",onClick:T(f,["self"])},[l("div",{class:"bottom-sheet",ref_key:"sheetRef",ref:e,onTouchstart:h,onTouchmove:m,onTouchend:p},[l("div",{class:"bottom-sheet-handle",onClick:c},[...a[0]||(a[0]=[l("div",{class:"handle-bar"},null,-1)])]),l("div",V,[O(t.$slots,"default",{},void 0,!0)])],544)])):B("",!0)]),_:3})]))}},M=D(x,[["__scopeId","data-v-3b1326f3"]]);export{M as B};
|
|
//# sourceMappingURL=BottomSheet.WKuCIyuZ.js.map
|