| 1 |
- import{a as r,r as a,fF as _,p as m,o as c,e as f,U as k,X as C,j as O,O as o,Q as v,x as s,i as x,f as S,z as B}from"./index.ae52ebae.js";import{P as $}from"./index.11cb8430.js";import"./index.c4be8493.js";import"./index.ddcc0e35.js";import"./useSize.9b10dc05.js";import"./eagerComputed.94e91cab.js";import"./onMountedOrActivated.c176aad3.js";import"./useWindowSizeFn.d176b3a5.js";import"./useContentViewHeight.2a59a8a3.js";import"./ArrowLeftOutlined.0f7d1b9e.js";const g=r({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(e,{emit:t}){const n=a(null);return _(n,()=>{t("clickOutside")}),m(()=>{t("mounted")}),(i,l)=>(c(),f("div",{ref_key:"wrap",ref:n},[k(i.$slots,"default")],512))}}),y=C(g);const E=r({components:{ClickOutSide:y,PageWrapper:$},setup(){const e=a("Click");function t(){e.value="Click Out Side"}function n(){e.value="Click Inner"}return{innerClick:n,handleClickOutside:t,text:e}}});function h(e,t,n,i,l,w){const u=o("ClickOutSide"),d=o("PageWrapper");return c(),v(d,{title:"\u70B9\u5185\u5916\u90E8\u89E6\u53D1\u4E8B\u4EF6"},{default:s(()=>[x(u,{onClickOutside:e.handleClickOutside,class:"flex justify-center"},{default:s(()=>[S("div",{onClick:t[0]||(t[0]=(...p)=>e.innerClick&&e.innerClick(...p)),class:"demo-box"},B(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}var M=O(E,[["render",h],["__scopeId","data-v-4b8dd7fd"]]);export{M as default};
|
