import{a as m,e as u,o as p,g as c,F as o,G as d,l as e,H as v,D as a,x as $,X as b}from"./@vue.e84e1286.js";import{p as h}from"./preview.2bfe2f00.js";import"./bus.f1893518.js";import"./mitt.550594b0.js";/* empty css */import"./index.c8cfbd6c.js";import"./vue-router.54876e93.js";const y=a("\u70B9\u51FB\u6253\u5F00 Dialog"),D=e("span",null,"\u8FD9\u662F\u4E00\u6BB5\u4FE1\u606F",-1),V={class:"dialog-footer"},k=a("\u53D6\u6D88"),C=a("\u786E\u5B9A"),x={__name:"demo1",setup(g){const l=m(!1),r=()=>{console.log("111")};return(n,t)=>{const i=u("m-button"),s=u("m-dialog");return p(),c(v,null,[o(i,{onClick:t[0]||(t[0]=_=>l.value=!0)},{default:d(()=>[y]),_:1}),o(s,{modelValue:l.value,"onUpdate:modelValue":t[3]||(t[3]=_=>l.value=_),title:"\u63D0\u793A",width:"30%","close-on-click-modal":!1,onOpen:r},{footer:d(()=>[e("span",V,[o(i,{onClick:t[1]||(t[1]=_=>l.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[k]),_:1}),o(i,{type:"primary",onClick:t[2]||(t[2]=_=>l.value=!1)},{default:d(()=>[C]),_:1})])]),default:d(()=>[D]),_:1},8,["modelValue"])],64)}}},N=a("\u70B9\u51FB\u6253\u5F00 Dialog"),w=e("span",null,"\u9700\u8981\u6CE8\u610F\u7684\u662F\u5185\u5BB9\u662F\u9ED8\u8BA4\u4E0D\u5C45\u4E2D\u7684",-1),U={class:"dialog-footer"},S=a("\u53D6\u6D88"),B=a("\u786E\u5B9A"),E={__name:"demo2",setup(g){const l=m(!1);return(r,n)=>{const t=u("m-button"),i=u("m-dialog");return p(),c(v,null,[o(t,{onClick:n[0]||(n[0]=s=>l.value=!0)},{default:d(()=>[N]),_:1}),o(i,{modelValue:l.value,"onUpdate:modelValue":n[3]||(n[3]=s=>l.value=s),title:"\u63D0\u793A",width:"30%",center:""},{footer:d(()=>[e("span",U,[o(t,{onClick:n[1]||(n[1]=s=>l.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[S]),_:1}),o(t,{type:"primary",onClick:n[2]||(n[2]=s=>l.value=!1)},{default:d(()=>[B]),_:1})])]),default:d(()=>[w]),_:1},8,["modelValue"])],64)}}},F=a("\u81EA\u5B9A\u4E49\u5185\u5BB9"),z={class:"dialog-footer"},A=a("\u53D6\u6D88"),G=a("\u786E\u5B9A"),H={__name:"demo3",setup(g){const l=m(!1),r=m("");return(n,t)=>{const i=u("m-button"),s=u("m-input"),_=u("m-dialog");return p(),c(v,null,[o(i,{onClick:t[0]||(t[0]=f=>l.value=!0)},{default:d(()=>[F]),_:1}),o(_,{modelValue:l.value,"onUpdate:modelValue":t[4]||(t[4]=f=>l.value=f),title:"\u63D0\u793A",width:"30%"},{footer:d(()=>[e("span",z,[o(i,{onClick:t[2]||(t[2]=f=>l.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[A]),_:1}),o(i,{type:"primary",onClick:t[3]||(t[3]=f=>l.value=!1)},{default:d(()=>[G]),_:1})])]),default:d(()=>[e("div",null,[o(s,{modelValue:r.value,"onUpdate:modelValue":t[1]||(t[1]=f=>r.value=f),placeholder:"\u8BF7\u8F93\u5165",clearable:""},null,8,["modelValue"]),e("p",null,"\u8F93\u5165\u7684\u503C\u4E3A\uFF1A"+$(r.value),1)])]),_:1},8,["modelValue"])],64)}}},O=a("\u70B9\u51FB\u6253\u5F00\u5916\u5C42 Dialog"),T=e("span",null,"\u8FD9\u662F\u4E00\u6BB5\u5185\u5C42\u4FE1\u606F",-1),X={class:"dialog-footer"},j=a("\u53D6\u6D88"),q=a("\u786E\u5B9A"),I=e("div",null,"\u70B9\u51FB\u786E\u5B9A\u6253\u5F00\u5185\u5C42Dialog",-1),J={class:"dialog-footer"},K=a("\u53D6\u6D88"),L=a("\u786E\u5B9A"),M={__name:"demo4",setup(g){const l=m(!1),r=m(!1);return(n,t)=>{const i=u("m-button"),s=u("m-dialog");return p(),c(v,null,[o(i,{onClick:t[0]||(t[0]=_=>l.value=!0)},{default:d(()=>[O]),_:1}),o(s,{modelValue:l.value,"onUpdate:modelValue":t[6]||(t[6]=_=>l.value=_),title:"\u5916\u5C42 Dialog",width:"30%"},{footer:d(()=>[e("span",J,[o(i,{onClick:t[4]||(t[4]=_=>l.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[K]),_:1}),o(i,{type:"primary",onClick:t[5]||(t[5]=_=>r.value=!0)},{default:d(()=>[L]),_:1})])]),default:d(()=>[o(s,{modelValue:r.value,"onUpdate:modelValue":t[3]||(t[3]=_=>r.value=_),width:"20%",title:"\u5185\u5C42 Dialog","append-to-body":""},{footer:d(()=>[e("span",X,[o(i,{onClick:t[1]||(t[1]=_=>r.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[j]),_:1}),o(i,{type:"primary",onClick:t[2]||(t[2]=_=>r.value=!1)},{default:d(()=>[q]),_:1})])]),default:d(()=>[T]),_:1},8,["modelValue"]),I]),_:1},8,["modelValue"])],64)}}},P=a("\u70B9\u51FB\u6253\u5F00 Dialog"),Q=e("span",null,"\u8FD9\u662F\u4E00\u4E2A\u53EF\u62D6\u52A8\u7684\u5BF9\u8BDD\u6846",-1),R={class:"dialog-footer"},W=a("\u53D6\u6D88"),Y=a("\u786E\u5B9A"),Z={__name:"demo5",setup(g){const l=m(!1);return(r,n)=>{const t=u("m-button"),i=u("m-dialog");return p(),c(v,null,[o(t,{onClick:n[0]||(n[0]=s=>l.value=!0)},{default:d(()=>[P]),_:1}),o(i,{modelValue:l.value,"onUpdate:modelValue":n[3]||(n[3]=s=>l.value=s),title:"\u63D0\u793A",width:"30%",draggable:""},{footer:d(()=>[e("span",R,[o(t,{onClick:n[1]||(n[1]=s=>l.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[W]),_:1}),o(t,{type:"primary",onClick:n[2]||(n[2]=s=>l.value=!1)},{default:d(()=>[Y]),_:1})])]),default:d(()=>[Q]),_:1},8,["modelValue"])],64)}}},tt=a("\u70B9\u51FB\u6253\u5F00 Dialog"),ot=e("i",{class:"iconfont icon-email",style:{"font-size":"17px"}},null,-1),et=a(" \u65B0\u7684\u90AE\u4EF6 "),lt=e("span",null,"\u8FD9\u662F\u4E00\u6BB5\u4FE1\u606F",-1),dt={class:"dialog-footer"},nt=a("\u53D6\u6D88"),st=a("\u786E\u5B9A"),at={__name:"demo6",setup(g){const l=m(!1);return(r,n)=>{const t=u("m-button"),i=u("m-dialog");return p(),c(v,null,[o(t,{onClick:n[0]||(n[0]=s=>l.value=!0)},{default:d(()=>[tt]),_:1}),o(i,{modelValue:l.value,"onUpdate:modelValue":n[3]||(n[3]=s=>l.value=s),width:"30%"},{header:d(()=>[ot,et]),footer:d(()=>[e("span",dt,[o(t,{onClick:n[1]||(n[1]=s=>l.value=!1),style:{"margin-right":"20px"}},{default:d(()=>[nt]),_:1}),o(t,{type:"primary",onClick:n[2]||(n[2]=s=>l.value=!1)},{default:d(()=>[st]),_:1})])]),default:d(()=>[lt]),_:1},8,["modelValue"])],64)}}},it={class:"markdown-body"},rt=e("h1",null,"Dialog \u5BF9\u8BDD\u6846",-1),_t=e("h4",null,"\u5728\u4FDD\u7559\u5F53\u524D\u9875\u9762\u72B6\u6001\u7684\u60C5\u51B5\u4E0B\uFF0C\u544A\u77E5\u7528\u6237\u5E76\u627F\u8F7D\u76F8\u5173\u64CD\u4F5C",-1),ut=e("br",null,null,-1),mt=e("h2",null,"\u57FA\u7840\u7528\u6CD5",-1),pt=e("h4",null,"Dialog \u5F39\u51FA\u4E00\u4E2A\u5BF9\u8BDD\u6846,\u9700\u8981\u8BBE\u7F6E v-model \u5C5E\u6027\uFF0C\u5B83\u63A5\u6536 Boolean\uFF0C\u5F53\u4E3A true \u65F6\u663E\u793A Dialog",-1),ct={class:"source"},gt=e("h2",null,"\u5C45\u4E2D\u5E03\u5C40",-1),ft=e("h4",null,"\u6807\u9898\u548C\u5E95\u90E8\u53EF\u6C34\u5E73\u5C45\u4E2D",-1),ht=e("p",null,"\u5C06center\u8BBE\u7F6E\u4E3Atrue\u5373\u53EF\u4F7F\u6807\u9898\u548C\u5E95\u90E8\u5C45\u4E2D\u3002 center\u4EC5\u5F71\u54CD\u6807\u9898\u548C\u5E95\u90E8\u533A\u57DF\u3002 Dialog \u7684\u5185\u5BB9\u662F\u4EFB\u610F\u7684\uFF0C\u5728\u4E00\u4E9B\u60C5\u51B5\u4E0B\uFF0C\u5185\u5BB9\u5E76\u4E0D\u9002\u5408\u5C45\u4E2D\u5E03\u5C40\u3002 \u5982\u679C\u9700\u8981\u5185\u5BB9\u4E5F\u6C34\u5E73\u5C45\u4E2D\uFF0C\u8BF7\u81EA\u884C\u4E3A\u5176\u6DFB\u52A0 CSS \u6837\u5F0F\u3002",-1),vt={class:"source"},$t=e("h2",null,"\u81EA\u5B9A\u4E49\u5185\u5BB9",-1),bt=e("h4",null,"Dialog \u7EC4\u4EF6\u7684\u5185\u5BB9\u53EF\u4EE5\u662F\u4EFB\u610F\u7684\uFF0C\u751A\u81F3\u53EF\u4EE5\u662F\u8868\u683C\u6216\u8868\u5355",-1),yt={class:"source"},Dt=e("h2",null,"\u5D4C\u5957\u7684 Dialog",-1),Vt=e("h4",null,"\u5982\u679C\u9700\u8981\u5728\u4E00\u4E2A Dialog \u5185\u90E8\u5D4C\u5957\u53E6\u4E00\u4E2A Dialog\uFF0C\u9700\u8981\u4F7F\u7528 append-to-body \u5C5E\u6027\u3002",-1),kt=e("p",null,"\u901A\u5E38\u6211\u4EEC\u4E0D\u5EFA\u8BAE\u4F7F\u7528\u5D4C\u5957\u5BF9\u8BDD\u6846\u3002 \u5982\u679C\u4F60\u9700\u8981\u5728\u9875\u9762\u4E0A\u5448\u73B0\u591A\u4E2A\u5BF9\u8BDD\u6846\uFF0C\u4F60\u53EF\u4EE5\u7B80\u5355\u5730\u6253\u5E73\u5B83\u4EEC\uFF0C\u4EE5\u4FBF\u5B83\u4EEC\u5F7C\u6B64\u4E4B\u95F4\u662F\u5E73\u7EA7\u5173\u7CFB\u3002 \u5C06\u5185\u5C42 Dialog \u7684\u8BE5\u5C5E\u6027\u8BBE\u7F6E\u4E3A true\uFF0C\u5B83\u5C31\u4F1A\u63D2\u5165\u81F3 body \u5143\u7D20\u4E0A\uFF0C\u4ECE\u800C\u4FDD\u8BC1\u5185\u5916\u5C42 Dialog \u548C\u906E\u7F69\u5C42\u7EA7\u5173\u7CFB\u7684\u6B63\u786E\u3002",-1),Ct={class:"source"},xt=e("h2",null,"\u53EF\u62D6\u62FD\u5BF9\u8BDD\u6846",-1),Nt=e("h4",null,"\u8BD5\u7740\u62D6\u52A8\u4E00\u4E0Bheader\u90E8\u5206\u5427,\u8BBE\u7F6Edraggable\u5C5E\u6027\u4E3Atrue\u4EE5\u505A\u5230\u62D6\u62FD",-1),wt={class:"source"},Ut=e("h2",null,"\u4F7F\u7528\u5177\u540D\u63D2\u69FD\u81EA\u5B9A\u4E49",-1),St=e("p",null,"\u4F7F\u7528\u5177\u540D\u63D2\u69FD #header \u3001#footer \u53EF\u5BF9\u6A21\u6001\u6846\u6574\u4F53\u6839\u636E\u9700\u8981\u81EA\u5B9A\u4E49",-1),Bt={class:"source"},Et=b("

Attributes

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u53EF\u9009\u503C\u9ED8\u8BA4\u503C
v-model\u662F\u5426\u663E\u793A Dialogboolean\u2014false
titleDialog \u7684\u6807\u9898\uFF0C\u4E5F\u53EF\u901A\u8FC7\u5177\u540D slot\u4F20\u5165string\u2014\u2014
widthDialog \u7684\u5BBD\u5EA6string\u201450%
topDialog CSS \u4E2D\u7684 margin-top \u503Cstring\u201415vh
append-to-bodyDialog \u81EA\u8EAB\u662F\u5426\u63D2\u5165\u81F3 body \u5143\u7D20\u4E0A\u3002\u5D4C\u5957\u7684 Dialog \u5FC5\u987B\u6307\u5B9A\u8BE5\u5C5E\u6027\u5E76\u8D4B\u503C\u4E3A trueboolean\u2014false
custom-classDialog \u7684\u81EA\u5B9A\u4E49\u7C7B\u540Dstring\u2014\u2014
close-on-click-modal\u662F\u5426\u53EF\u4EE5\u901A\u8FC7\u70B9\u51FB modal \u5173\u95ED Dialogboolean\u2014true
show-close\u662F\u5426\u663E\u793A\u5173\u95ED\u6309\u94AEboolean\u2014true
center\u662F\u5426\u5BF9\u5934\u90E8\u548C\u5E95\u90E8\u91C7\u7528\u5C45\u4E2D\u5E03\u5C40boolean\u2014false

Slot

name\u8BF4\u660E
\u2014Dialog \u7684\u5185\u5BB9
headerDialog \u6807\u9898\u533A\u7684\u5185\u5BB9
footerDialog \u6309\u94AE\u64CD\u4F5C\u533A\u7684\u5185\u5BB9

Events

\u4E8B\u4EF6\u540D\u79F0\u8BF4\u660E\u56DE\u8C03\u53C2\u6570
openDialog \u6253\u5F00\u7684\u56DE\u8C03\u2014
openedDialog \u6253\u5F00\u52A8\u753B\u7ED3\u675F\u65F6\u7684\u56DE\u8C03\u2014
closeDialog \u5173\u95ED\u7684\u56DE\u8C03\u2014
closedDialog \u5173\u95ED\u52A8\u753B\u7ED3\u675F\u65F6\u7684\u56DE\u8C03\u2014
",9),Xt={__name:"doc",setup(g,{expose:l}){return l({frontmatter:{}}),(n,t)=>(p(),c("div",it,[rt,_t,ut,mt,pt,e("div",ct,[o(x)]),o(h,{compName:"dialog",demoName:"demo1"}),gt,ft,ht,e("div",vt,[o(E)]),o(h,{compName:"dialog",demoName:"demo2"}),$t,bt,e("div",yt,[o(H)]),o(h,{compName:"dialog",demoName:"demo3"}),Dt,Vt,kt,e("div",Ct,[o(M)]),o(h,{compName:"dialog",demoName:"demo4"}),xt,Nt,e("div",wt,[o(Z)]),o(h,{compName:"dialog",demoName:"demo5"}),Ut,St,e("div",Bt,[o(at)]),o(h,{compName:"dialog",demoName:"demo6"}),Et]))}};export{Xt as default};