| 1 |
- import{aO as d,aC as p}from"./entry/index-BaQQ7BQ_.js";import{d as r,f as c,o as f,Z as o,_ as m,ad as _,a6 as k,a7 as s,k as C,u as n,$ as x,a0 as O}from"./vue-CF9JqwIh.js";import{P as h}from"./index-YMO-C9So.js";import"./antd-ILpsl5AZ.js";import"./useContentViewHeight-DuQo8tYw.js";import"./useWindowSizeFn-CiJNBK0Q.js";import"./onMountedOrActivated-D34Dt7uC.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),I=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(()=>[C(n(v),{onClickOutside:t,class:"flex justify-center"},{default:s(()=>[x("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{I as default};
|
