index-b9e70fb6.js
1.42 KB
import{d as c,k as r,o as k,_ as a,$ as f,R as m,a8 as i,a9 as C,aa as s,f as O,a0 as v,a1 as S}from"./vue-5a35c3f5.js";import{bC as x,_ as l,aj as E}from"./index.js";import{P as $}from"./index-f532aa07.js";import"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";const B=c({__name:"ClickOutSide",emits:["mounted","clickOutside"],setup(e,{emit:t}){const o=r(null);return x(o,()=>{t("clickOutside")}),k(()=>{t("mounted")}),(n,u)=>(a(),f("div",{ref_key:"wrap",ref:o},[m(n.$slots,"default")],512))}}),g=l(B,[["__file","E:/allcode/erp/test7901/order-erp-front/src/components/ClickOutSide/src/ClickOutSide.vue"]]),w=E(g),y=c({components:{ClickOutSide:w,PageWrapper:$},setup(){const e=r("Click");function t(){e.value="Click Out Side"}function o(){e.value="Click Inner"}return{innerClick:o,handleClickOutside:t,text:e}}});function h(e,t,o,n,u,P){const d=i("ClickOutSide"),p=i("PageWrapper");return a(),C(p,{title:"点内外部触发事件"},{default:s(()=>[O(d,{onClickOutside:e.handleClickOutside,class:"flex justify-center"},{default:s(()=>[v("div",{onClick:t[0]||(t[0]=(..._)=>e.innerClick&&e.innerClick(..._)),class:"demo-box"},S(e.text),1)]),_:1},8,["onClickOutside"])]),_:1})}const F=l(y,[["render",h],["__scopeId","data-v-5ca5ee41"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/feat/click-out-side/index.vue"]]);export{F as default};