import{d as r,f as c,o as k,a2 as l,a3 as f,ai as C,U as s,ad as _,af as a,k as O,a4 as S,a5 as v}from"./vue-vendor-CxLCUzY4.js";import{bk as B,w as $,_ as w}from"./index-Cy4uayzW.js";import{P as x}from"./index-CRgSyMPH.js";import"./antd-vue-vendor-CahNzUUa.js";import"./vxe-table-vendor-Cdi8WfTx.js";import"./useContentHeight-XU-h1taH.js";import"./useWindowSizeFn-DDyhhqyw.js";import"./useContentViewHeight-Qm4QNm5l.js";import"./usePageContext-CXQdt-5h.js";import"./injectionKey-DPVn4AgL.js";const E=r({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(e,{emit:t}){const i=t,o=c(null);return B(o,()=>{i("clickOutside")}),k(()=>{i("mounted")}),(n,u)=>(l(),f("div",{ref_key:"wrap",ref:o},[C(n.$slots,"default")],512))}}),g=$(E),h=r({components:{ClickOutSide:g,PageWrapper:x},setup(){const e=c("Click");function t(){e.value="Click Out Side"}function i(){e.value="Click Inner"}return{innerClick:i,handleClickOutside:t,text:e}}});function P(e,t,i,o,n,u){const d=s("ClickOutSide"),p=s("PageWrapper");return l(),_(p,{title:"点内外部触发事件"},{default:a(()=>[O(d,{onClickOutside:e.handleClickOutside,class:"flex justify-center"},{default:a(()=>[S("div",{onClick:t[0]||(t[0]=(...m)=>e.innerClick&&e.innerClick(...m)),class:"demo-box"},v(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}const U=w(h,[["render",P],["__scopeId","data-v-dc97d9f8"]]);export{U as default};
