| 1 |
- import{a as r,s as c,fF as _,N as k,o as l,h as f,bh as C,ay as O,aw as v,w as s,j as x,z as a,n as S,m as h,t as w}from"./index.7e08ba81.js";import{P as y}from"./index.334036fa.js";import"./index.ea1692d3.js";import"./index.3132743a.js";import"./useSize.1210be5f.js";import"./eagerComputed.41f917f7.js";import"./useWindowSizeFn.9cd1b73f.js";import"./useContentViewHeight.eee5bfce.js";import"./ArrowLeftOutlined.8453d1a8.js";import"./index.492f2ae6.js";import"./transButton.38e068f8.js";const B=r({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(e,{emit:t}){const i=t,n=c(null);return _(n,()=>{i("clickOutside")}),k(()=>{i("mounted")}),(o,u)=>(l(),f("div",{ref_key:"wrap",ref:n},[C(o.$slots,"default")],512))}}),$=O(B);const g=r({components:{ClickOutSide:$,PageWrapper:y},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 E(e,t,i,n,o,u){const p=s("ClickOutSide"),d=s("PageWrapper");return l(),x(d,{title:"\u70B9\u5185\u5916\u90E8\u89E6\u53D1\u4E8B\u4EF6"},{default:a(()=>[S(p,{onClickOutside:e.handleClickOutside,class:"flex justify-center"},{default:a(()=>[h("div",{onClick:t[0]||(t[0]=(...m)=>e.innerClick&&e.innerClick(...m)),class:"demo-box"},w(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}var q=v(g,[["render",E],["__scopeId","data-v-1c7123ae"]]);export{q as default};
|
