demo.46b4e3fc.js 3.2 KB

1
  1. import{c as o}from"./mobile.90d0f320.js";import{a as t,r as s,o as e,c as i,f as h,i as l,j as n}from"./vendor.80bf15c7.js";import"./index.dacf7871.js";const{createDemo:a}=o("popup");var w=a({props:{},setup:()=>({state:t({showBasic:!1,showTop:!1,showBottom:!1,showLeft:!1,showRight:!1,showIcon:!1,showIconPosition:!1,showCloseIcon:!1,showRound:!1,showCombination:!1})})});const p={class:"demo"},c=h("h2",null,"基础用法",-1),d=n("正文"),u=h("h2",null,"弹出位置",-1),r=h("h2",null,"关闭图标",-1),k=h("h2",null,"圆角弹框",-1),m=h("h2",null,"指定挂载节点",-1),f=n("app");w.render=function(o,t,n,a,w,g){const C=s("nut-cell"),b=s("nut-popup");return e(),i("div",p,[c,h(C,{title:"展示弹出层","is-link":"",onClick:t[1]||(t[1]=t=>o.state.showBasic=!0)}),h(b,{"pop-class":"popclass",style:{padding:"30px 50px"},show:o.state.showBasic,"onUpdate:show":t[2]||(t[2]=t=>o.state.showBasic=t)},{default:l((()=>[d])),_:1},8,["show"]),u,h(C,{title:"顶部弹出","is-link":"",onClick:t[3]||(t[3]=t=>o.state.showTop=!0)}),h(b,{position:"top",style:{height:"20%"},show:o.state.showTop,"onUpdate:show":t[4]||(t[4]=t=>o.state.showTop=t)},null,8,["show"]),h(C,{title:"底部弹出","is-link":"",onClick:t[5]||(t[5]=t=>o.state.showBottom=!0)}),h(b,{position:"bottom",style:{height:"20%"},show:o.state.showBottom,"onUpdate:show":t[6]||(t[6]=t=>o.state.showBottom=t)},null,8,["show"]),h(C,{title:"左侧弹出","is-link":"",onClick:t[7]||(t[7]=t=>o.state.showLeft=!0)}),h(b,{position:"left",style:{width:"20%",height:"100%"},show:o.state.showLeft,"onUpdate:show":t[8]||(t[8]=t=>o.state.showLeft=t)},null,8,["show"]),h(C,{title:"右侧弹出","is-link":"",onClick:t[9]||(t[9]=t=>o.state.showRight=!0)}),h(b,{position:"right",style:{width:"20%",height:"100%"},show:o.state.showRight,"onUpdate:show":t[10]||(t[10]=t=>o.state.showRight=t)},null,8,["show"]),r,h(C,{title:"关闭图标","is-link":"",onClick:t[11]||(t[11]=t=>o.state.showIcon=!0)}),h(b,{position:"bottom",closeable:"",style:{height:"20%"},show:o.state.showIcon,"onUpdate:show":t[12]||(t[12]=t=>o.state.showIcon=t)},null,8,["show"]),h(C,{title:"图标位置","is-link":"",onClick:t[13]||(t[13]=t=>o.state.showIconPosition=!0)}),h(b,{position:"bottom",closeable:"","close-icon-position":"top-left",style:{height:"20%"},show:o.state.showIconPosition,"onUpdate:show":t[14]||(t[14]=t=>o.state.showIconPosition=t)},null,8,["show"]),h(C,{title:"自定义图标","is-link":"",onClick:t[15]||(t[15]=t=>o.state.showCloseIcon=!0)}),h(b,{position:"bottom",closeable:"","close-icon-position":"top-left","close-icon":"heart",style:{height:"20%"},show:o.state.showCloseIcon,"onUpdate:show":t[16]||(t[16]=t=>o.state.showCloseIcon=t)},null,8,["show"]),k,h(C,{title:"圆角弹框","is-link":"",onClick:t[17]||(t[17]=t=>o.state.showRound=!0)}),h(b,{position:"bottom",closeable:"",round:"",style:{height:"30%"},show:o.state.showRound,"onUpdate:show":t[18]||(t[18]=t=>o.state.showRound=t)},null,8,["show"]),m,h(C,{title:"指定挂载节点","is-link":"",onClick:t[19]||(t[19]=t=>o.state.showTeleport=!0)}),h(b,{style:{padding:"30px 50px"},teleport:"#app",show:o.state.showTeleport,"onUpdate:show":t[20]||(t[20]=t=>o.state.showTeleport=t)},{default:l((()=>[f])),_:1},8,["show"])])};export default w;