| 1 |
- import{a as r,s as c,fF as _,M as k,o as l,h as f,bh as C,ax as O,av as v,a_ as s,j as x,y as a,n as S,m as h,t as y}from"./index.3f97cc33.js";import{P as B}from"./index.e8c88e99.js";import"./index.0abd0285.js";import"./index.e9945251.js";import"./useSize.029b57c4.js";import"./eagerComputed.ab644b1a.js";import"./useWindowSizeFn.63c1b6a0.js";import"./useContentViewHeight.1983ed20.js";import"./ArrowLeftOutlined.5c21fff9.js";import"./index.2b936b77.js";import"./transButton.54be5ef0.js";const $=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))}}),g=O($);const E=r({components:{ClickOutSide:g,PageWrapper:B},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 w(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"},y(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}var z=v(E,[["render",w],["__scopeId","data-v-1c7123ae"]]);export{z as default};
|
