| 1 |
- import{bm as d,w as p}from"./entry/index-C17E5Aqh.js";import{d as r,f as c,o as m,Z as o,_ as f,ae as _,a7 as k,a8 as s,k as x,u as n,$ as C,a0 as O}from"./vue-ByATgq5d.js";import{P as h}from"./index-Dp1wYNZe.js";import"./antd-FjOLgRLC.js";import"./useContentViewHeight-C55F9Pfv.js";import"./useWindowSizeFn-D8-jNAUn.js";import"./onMountedOrActivated-BDlj7Upy.js";const w=r({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(l,{emit:e}){const t=e,i=c(null);return d(i,()=>{t("clickOutside")}),m(()=>{t("mounted")}),(a,u)=>(o(),f("div",{ref_key:"wrap",ref:i},[_(a.$slots,"default")],512))}}),v=p(w),I=r({__name:"index",setup(l){const e=c("Click");function t(){e.value="Click Out Side"}function i(){e.value="Click Inner"}return(a,u)=>(o(),k(n(h),{title:"点内外部触发事件"},{default:s(()=>[x(n(v),{onClickOutside:t,class:"flex justify-center"},{default:s(()=>[C("div",{onClick:i,class:"flex items-center justify-center w-full h-300px border-10px bg-blue-500 text-white text-24px"},O(e.value),1)]),_:1})]),_:1}))}});export{I as default};
|
