| 1 |
- import{aP as d,w as p}from"./entry/index-DShbtsWl.js";import{d as r,f as c,o as f,Z as o,_ as m,ae as _,a8 as k,a9 as s,k as x,u as n,$ as C,a0 as O}from"./vue-BjERyvPm.js";import{P as h}from"./index-BB9V0GyI.js";import"./antd-BmrhB3rb.js";import"./useContentViewHeight-w3jL8fd7.js";import"./useWindowSizeFn-Cuml40XT.js";import"./onMountedOrActivated-DcvTUt7V.js";const w=r({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(l,{emit:e}){const t=e,a=c(null);return d(a,()=>{t("clickOutside")}),f(()=>{t("mounted")}),(i,u)=>(o(),m("div",{ref_key:"wrap",ref:a},[_(i.$slots,"default")],512))}}),v=p(w),j=r({__name:"index",setup(l){const e=c("Click");function t(){e.value="Click Out Side"}function a(){e.value="Click Inner"}return(i,u)=>(o(),k(n(h),{title:"点内外部触发事件"},{default:s(()=>[x(n(v),{onClickOutside:t,class:"flex justify-center"},{default:s(()=>[C("div",{onClick:a,class:"flex items-center justify-center w-full h-300px border-10px bg-blue-500 text-white text-24px"},O(e.value),1)]),_:1})]),_:1}))}});export{j as default};
|
