import{a,r as s,fk as m,H as _,o as c,h as f,b9 as k,cx as C,aP as x,aQ as n,aR as O,p as r,j as v,i as g,t as h}from"./index.0d073eaa.js";import{P as y}from"./index.566277e5.js";import"./index.e9a84cba.js";import"./index.0972fd96.js";import"./useSize.bb4e5ce5.js";import"./eagerComputed.156e81ff.js";import"./useWindowSizeFn.ef20ece8.js";import"./useContentViewHeight.01b9d1c6.js";import"./ArrowLeftOutlined.90d2e05e.js";import"./index.8680e4c4.js";import"./transButton.8c1b1a4f.js";const S=a({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(e,{emit:t}){const o=s(null);return m(o,()=>{t("clickOutside")}),_(()=>{t("mounted")}),(i,d)=>(c(),f("div",{ref_key:"wrap",ref:o},[k(i.$slots,"default")],512))}}),B=C(S);const $=a({components:{ClickOutSide:B,PageWrapper:y},setup(){const e=s("Click");function t(){e.value="Click Out Side"}function o(){e.value="Click Inner"}return{innerClick:o,handleClickOutside:t,text:e}}});function b(e,t,o,i,d,w){const l=n("ClickOutSide"),u=n("PageWrapper");return c(),O(u,{title:"\u70B9\u5185\u5916\u90E8\u89E6\u53D1\u4E8B\u4EF6"},{default:r(()=>[v(l,{onClickOutside:e.handleClickOutside,class:"flex justify-center"},{default:r(()=>[g("div",{onClick:t[0]||(t[0]=(...p)=>e.innerClick&&e.innerClick(...p)),class:"demo-box"},h(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}var M=x($,[["render",b],["__scopeId","data-v-6c56edd4"]]);export{M as default};
