demo17.js 3.1 KB

1
  1. import{c as v,_ as c}from"./mobile.js";import{_ as m}from"./index.js";import{m as a,r as F,e as B,j as t,k as E,o as d}from"./vendor.js";const{createDemo:D}=v("dialog"),b=D({setup(){const u=a(!1),e=a(!1),n=()=>{console.log("event cancel")},i=()=>{console.log("event ok")};return{visible:u,visible1:e,baseClick:()=>{c({title:"\u57FA\u7840\u5F39\u6846",content:"\u652F\u6301\u51FD\u6570\u8C03\u7528\u548C\u7EC4\u4EF6\u8C03\u7528\u4E24\u79CD\u65B9\u5F0F\u3002",onCancel:n,onOk:i})},noTitleClick:()=>{c({content:"\u65E0\u6807\u9898\u5F39\u6846",onCancel:n,onOk:i})},componentClick:()=>{u.value=!0},componentvVrticalClick:()=>{e.value=!0},tipsClick:()=>{c({title:"\u6E29\u99A8\u63D0\u793A",content:"\u652F\u6301\u51FD\u6570\u8C03\u7528\u548C\u7EC4\u4EF6\u8C03\u7528\u4E24\u79CD\u65B9\u5F0F\u3002",noCancelBtn:!0,onCancel:n,onOk:i})},verticalClick:()=>{c({title:"\u6E29\u99A8\u63D0\u793A",content:"\u652F\u6301\u5E95\u90E8\u6309\u94AE\u7EB5\u5411\u6392\u5217\u3002",footerDirection:"vertical",onCancel:n,onOk:i})},teleportClick:r=>{c({teleport:r,title:"\u6302\u8F7D\u81F3 "+r,content:"\u6253\u5F00\u5F00\u53D1\u8005\u5DE5\u5177\u770B\u4E00\u4E0B Elements Tab",noCancelBtn:!0,onCancel:n})}}}}),A={class:"demo"};function f(u,e,n,i,p,k){const l=F("nut-cell"),C=F("nut-cell-group"),s=F("nut-dialog");return d(),B("div",A,[t(C,{title:"\u51FD\u6570\u5F0F\u8C03\u7528"},{default:E(()=>[t(l,{title:"\u57FA\u7840\u5F39\u6846",onClick:u.baseClick},null,8,["onClick"]),t(l,{title:"\u65E0\u6807\u9898\u5F39\u6846",onClick:u.noTitleClick},null,8,["onClick"]),t(l,{title:"\u63D0\u793A\u5F39\u6846",onClick:u.tipsClick},null,8,["onClick"]),t(l,{title:"\u5E95\u90E8\u6309\u94AE \u5782\u76F4\u8C03\u7528",onClick:u.verticalClick},null,8,["onClick"])]),_:1}),t(C,{title:"\u6807\u7B7E\u5F0F\u4F7F\u7528"},{default:E(()=>[t(l,{title:"\u7EC4\u4EF6\u8C03\u7528",onClick:u.componentClick},null,8,["onClick"]),t(s,{teleport:"#app",title:"\u7EC4\u4EF6\u8C03\u7528",content:"\u5982\u679C\u9700\u8981\u5728\u5F39\u7A97\u5185\u5D4C\u5165\u7EC4\u4EF6\u6216\u5176\u4ED6\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF0C\u53EF\u4EE5\u4F7F\u7528\u7EC4\u4EF6\u8C03\u7528\u7684\u65B9\u5F0F\u3002",visible:u.visible,"onUpdate:visible":e[0]||(e[0]=o=>u.visible=o)},null,8,["visible"]),t(l,{title:"\u5E95\u90E8\u6309\u94AE \u5782\u76F4\u4F7F\u7528",onClick:u.componentvVrticalClick},null,8,["onClick"]),t(s,{"footer-direction":"vertical",teleport:"#app",title:"\u7EC4\u4EF6\u8C03\u7528",content:"\u5982\u679C\u9700\u8981\u5728\u5F39\u7A97\u5185\u5D4C\u5165\u7EC4\u4EF6\u6216\u5176\u4ED6\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF0C\u53EF\u4EE5\u4F7F\u7528\u7EC4\u4EF6\u8C03\u7528\u7684\u65B9\u5F0F\u3002",visible:u.visible1,"onUpdate:visible":e[1]||(e[1]=o=>u.visible1=o)},null,8,["visible"])]),_:1}),t(C,{title:"teleport \u4F7F\u7528\uFF0C\u6302\u8F7D\u5230\u6307\u5B9A\u8282\u70B9"},{default:E(()=>[t(l,{title:"body \u8282\u70B9\u4E0B",onClick:e[2]||(e[2]=o=>u.teleportClick("body"))}),t(l,{title:"#app \u8282\u70B9\u4E0B",onClick:e[3]||(e[3]=o=>u.teleportClick("#app"))}),t(l,{title:"demo class \u5143\u7D20\u8282\u70B9\u4E0B",onClick:e[4]||(e[4]=o=>u.teleportClick(".demo"))})]),_:1})])}var V=m(b,[["render",f]]);export{V as default};