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