| 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.f9240906.js";import{P as B}from"./index.ab16c1d0.js";import"./index.963f7d97.js";import"./index.e6f3c6c4.js";import"./useSize.3965ca89.js";import"./eagerComputed.938959e2.js";import"./useWindowSizeFn.e05ba499.js";import"./useContentViewHeight.51fb01ea.js";import"./ArrowLeftOutlined.8ef55b3d.js";import"./index.ae5f4215.js";import"./transButton.bc515676.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};
|
