import{d as r,f as c,o as k,aq as f,ar as l,aG as C,ag as a,aB as _,aD as s,k as O,at as B,au as S}from"./vue-vendor-Be68asQ6.js";import{bp as v,w as $,a as g}from"./index-BFfnEkVs.js";import{P as w}from"./index-X83NmVMq.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useContentHeight-DnE6GxS2.js";import"./useWindowSizeFn-BTSGGcie.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";const x=r({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(e,{emit:t}){const o=t,i=c(null);return v(i,()=>{o("clickOutside")}),k(()=>{o("mounted")}),(n,u)=>(l(),f("div",{ref_key:"wrap",ref:i},[C(n.$slots,"default")],512))}}),E=$(x),h=r({components:{ClickOutSide:E,PageWrapper:w},setup(){const e=c("Click");function t(){e.value="Click Out Side"}function o(){e.value="Click Inner"}return{innerClick:o,handleClickOutside:t,text:e}}});function P(e,t,o,i,n,u){const p=a("ClickOutSide"),d=a("PageWrapper");return l(),_(d,{title:"点内外部触发事件"},{default:s(()=>[O(p,{onClickOutside:e.handleClickOutside,class:"flex justify-center"},{default:s(()=>[B("div",{onClick:t[0]||(t[0]=(...m)=>e.innerClick&&e.innerClick(...m)),class:"demo-box"},S(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}const G=g(h,[["render",P],["__scopeId","data-v-ee5392f0"]]);export{G as default};