| 1 |
- import{c as l,_ as t}from"./mobile.50598c96.js";import{k as e,r as n,o,c as i,f as c,i as a}from"./vendor.870c33cc.js";import"./index.65da50cd.js";const{createDemo:s}=l("dialog");var C=s({setup(){const l=e(!1),n=()=>{console.log("event cancel")},o=()=>{console.log("event ok")};return{visible:l,baseClick:()=>{t({title:"基础弹框",content:"支持函数调用和组件调用两种方式。",onCancel:n,onOk:o})},noTitleClick:()=>{t({content:"无标题弹框",onCancel:n,onOk:o})},componentClick:()=>{l.value=!0},tipsClick:()=>{t({title:"温馨提示",content:"支持函数调用和组件调用两种方式。",noCancelBtn:!0,onCancel:n,onOk:o})},teleportClick:l=>{t({teleport:l,title:"挂载至 "+l,content:"打开开发者工具看一下 Elements Tab",noCancelBtn:!0,onCancel:n})}}}});const k={class:"demo"};C.render=function(l,t,e,s,C,p){const r=n("nut-cell"),d=n("nut-cell-group"),u=n("nut-dialog");return o(),i("div",k,[c(d,{title:"函数式调用"},{default:a((()=>[c(r,{title:"基础弹框",onClick:l.baseClick},null,8,["onClick"]),c(r,{title:"无标题弹框",onClick:l.noTitleClick},null,8,["onClick"]),c(r,{title:"提示弹框",onClick:l.tipsClick},null,8,["onClick"])])),_:1}),c(d,{title:"标签式调用"},{default:a((()=>[c(r,{title:"组件调用",onClick:l.componentClick},null,8,["onClick"]),c(u,{teleport:"#app",title:"组件调用",content:"如果需要在弹窗内嵌入组件或其他自定义内容，可以使用组件调用的方式。",visible:l.visible,"onUpdate:visible":t[1]||(t[1]=t=>l.visible=t)},null,8,["visible"])])),_:1}),c(d,{title:"teleport 使用，挂载到指定节点"},{default:a((()=>[c(r,{title:"body 节点下",onClick:t[2]||(t[2]=t=>l.teleportClick("body"))}),c(r,{title:"#app 节点下",onClick:t[3]||(t[3]=t=>l.teleportClick("#app"))}),c(r,{title:"demo class 元素节点下",onClick:t[4]||(t[4]=t=>l.teleportClick(".demo"))})])),_:1})])};export default C;
|
