layui/package/document-layer/dist/assets/index.0e09c4d5.js

var Pn=Object.defineProperty,Wn=Object.defineProperties;var Xn=Object.getOwnPropertyDescriptors;var Ln=Object.getOwnPropertySymbols;var Yn=Object.prototype.hasOwnProperty,Un=Object.prototype.propertyIsEnumerable;var $n=(s,e,o)=>e in s?Pn(s,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[e]=o,F=(s,e)=>{for(var o in e||(e={}))Yn.call(e,o)&&$n(s,o,e[o]);if(Ln)for(var o of Ln(e))Un.call(e,o)&&$n(s,o,e[o]);return s},M=(s,e)=>Wn(s,Xn(e));import{d as Y,c as H,o as g,a as b,n as Cn,u as c,b as h,t as T,_ as Kn,r as x,w as yn,e as n,f as Gn,i as Jn,g as q,h as y,T as Qn,j as R,k as sn,F as an,l as Zn,m as t,p as nt,q as bn,s as fn,v as en,x as An,y as qn,z as tt,A as xn,B as Bn,C as zn,D as On}from"./index.0df87e64.js";const st={name:"Shade"},at=Y(M(F({},st),{props:{opacity:null,index:null,visible:{type:[Boolean,String]}},emits:["shadeClick"],setup(s,{emit:e}){const o=s,a=H(()=>({opacity:o.opacity,zIndex:o.index})),r=()=>{e("shadeClick")};return(u,d)=>s.visible?(g(),b("div",{key:0,class:"layui-layer-shade",style:Cn(c(a)),onClick:r},null,4)):h("",!0)}})),et=["src"],ot={name:"Iframe"},ct=Y(M(F({},ot),{props:{src:null},setup(s){const e=s,o=H(()=>e.src);return(a,r)=>(g(),b("iframe",{scrolling:"auto",class:"layui-layer-iframe",allowtransparency:"true",frameborder:"0",src:c(o)},null,8,et))}})),pt={class:"layui-layer-title",style:{cursor:"move"}},lt={name:"Title"},ut=Y(M(F({},lt),{props:{title:{type:[String,Boolean,Function]}},setup(s){const e=function(o){return typeof o=="function"?o():o};return(o,a)=>(g(),b("div",pt,T(e(s.title)),1))}})),it={name:"CloseBtn"},rt=Y(M(F({},it),{emits:["closeHandle"],setup(s,{emit:e}){const o=()=>{e("closeHandle")};return(a,r)=>(g(),b("a",{class:"layui-layer-ico layui-layer-close layui-layer-close1",href:"javascript:;",onClick:o}))}})),kt={name:"Resize"},dt={class:"layui-layer-resize"};function yt(s,e,o,a,r,u){return g(),b("span",dt)}var ft=Kn(kt,[["render",yt]]);const gt={class:"layui-layer-phimg"},mt=["src"],vt={key:0,class:"layui-layer-imgsee"},bt={key:0,class:"layui-layer-imguide"},xt={key:1,class:"layui-layer-imgbar",style:{display:"block"}},ht={class:"layui-layer-imgtit"},wt={key:0},Ct={key:1},_t={name:"Photos"},It=Y(M(F({},_t),{props:{imgList:null,startIndex:{default:0}},emits:["resetCalculationPohtosArea"],setup(s,{emit:e}){const o=s,a=x(o.startIndex);yn(a,()=>{e("resetCalculationPohtosArea",a.value)});const r=u=>{let m=a.value+u;m<0&&(m=o.imgList.length-1),m>=o.imgList.length&&(m=0),a.value=m};return(u,d)=>(g(),b("div",gt,[n("img",{src:s.imgList[a.value].src},null,8,mt),s.imgList.length>0?(g(),b("div",vt,[s.imgList.length>1?(g(),b("span",bt,[n("a",{href:"javascript:;",class:"layui-layer-iconext layui-layer-imgprev",onClick:d[0]||(d[0]=m=>r(-1))}),n("a",{href:"javascript:;",class:"layui-layer-iconext layui-layer-imgnext",onClick:d[1]||(d[1]=m=>r(1))})])):h("",!0),s.imgList.length>1||s.imgList[a.value].alt?(g(),b("div",xt,[n("span",ht,[s.imgList[a.value].alt?(g(),b("span",wt,T(s.imgList[a.value].alt),1)):h("",!0),s.imgList.length>1?(g(),b("em",Ct,T(a.value+1)+" / "+T(s.imgList.length),1)):h("",!0)])])):h("",!0)])):h("",!0)]))}}));function Tn(){for(var s=[],e="0123456789abcdef",o=0;o<36;o++)s[o]=e.substr(Math.floor(Math.random()*16),1);s[14]="4",s[19]=e.substr(s[19]&3|8,1),s[8]=s[13]=s[18]=s[23]="-";var a=s.join("");return a}function Lt(s,e,o){return s!="drawer"?$t(e):Nn(o,e)}function $t(s){return s==="auto"?[]:typeof s=="string"?[s]:[...s]}function Nn(s,e="30%"){return e instanceof Array?e:(e==="auto"&&(e="30%"),s==="l"||s==="r"?[e,"100%"]:s==="t"||s==="b"?["100%",e]:[e,"100%"])}function hn(s,e,o){var a=["t","r","b","l","lt","lb","rt","rb"],r=s[0],u=s[1];return s instanceof Array&&o==="drawer"&&(s="r"),a.indexOf(s)>-1&&(r="50%",u="50%"),(a.indexOf(s)!=-1||r.indexOf("%")>-1)&&(r="calc("+r+" - ("+(e==="auto"?"100px":e[1])+"/2 ))"),(a.indexOf(s)!=-1||u.indexOf("%")>-1)&&(u="calc("+u+" - ("+(e==="auto"?"100px":e[0])+"/2 ))"),s==="t"?r="0px":s==="r"?u="calc(100% - "+e[0]+")":s==="b"?r="calc(100% - "+e[1]+")":s==="l"?u="0px":s==="lt"?(r="0px",u="0px"):s==="lb"?(r="calc(100% - "+e[1]+")",u="0px"):s==="rt"?(r="0px",u="calc(100% - "+e[0]+")"):s==="rb"&&(r="calc(100% - "+e[1]+")",u="calc(100% - "+e[0]+")"),[r,u]}function At(s){return s==="dialog"||s===0||s==="0"?0:s==="page"||s==="drawer"||s===1||s==="1"?1:s==="iframe"||s===2||s==="2"?2:s==="loading"||s===3||s==="3"?3:s==="photos"?4:0}function Vn(s,e,o,a){if(s&&s.indexOf("%")!=-1&&(s="100%"),e&&e.length>0){if(o===0)return"calc("+s+" - 137px)";if(o===1||o===2)return"calc("+s+" - 102px)"}else{if(o===0)return a?s:"calc("+s+" - 137px)";if(o===1||o===2)return"calc("+s+" - 51px)"}}function Hn(){return{w:"100%",h:"100%"}}function Sn(){return{t:"0px",l:"0px"}}function jn(){return{w:"180px",h:"51px"}}function En(s){return{t:"calc(100% - 51px)",l:s+"px"}}function qt(s){let e=getComputedStyle(s,null).width,o=getComputedStyle(s,null).height;return[e,o]}let X=[];function Bt(s,e){var o=0;if(e){const a=X.findIndex(r=>r===void 0);a===-1?(X.push(s),o=X.length-1):(X[a]=s,o=a)}else delete X[X.findIndex(a=>a==s)],o=-1;return o}function Fn(s,e=!1){const o="layer-drawer-anim layer-anim";let a="rl";return s==="l"?a="lr":s==="r"?a="rl":s==="t"?a="tb":s==="b"&&(a="bt"),e?`${o}-${a}-close`:`${o}-${a}`}async function Mn(s,e){let o=new Image;return o.src=s,new Promise((r,u)=>{if(o.complete){r(a(o));return}const d=i.load(2);o.onload=()=>{i.close(d),r(a(o))},o.onerror=()=>{i.close(d),i.msg("\u56FE\u7247\u52A0\u8F7D\u5931\u8D25"),u(!1)}});function a(r){var u=[r.width,r.height],d=[window.innerWidth-100,window.innerHeight-100];if(u[0]>d[0]||u[1]>d[1]){let m=[u[0]/d[0],u[1]/d[1]];m[0]>m[1]?(u[0]=u[0]/m[0],u[1]=u[1]/m[0]):m[0]<m[1]&&(u[0]=u[0]/m[1],u[1]=u[1]/m[1])}return[u[0]+"px",u[1]+"px"]}}const zt=function(s,e){s.style.position="fixed";let o,a;s!=null&&s.addEventListener("mousedown",function(r){if(r.path[0].className==="layui-layer-title"&&r.button==0&&s!=null){const u=getComputedStyle(s);o=r.pageX-s.offsetLeft+parseInt(u["margin-left"]),a=r.pageY-s.offsetTop+parseInt(u["margin-right"]);const d=function($){if(s!=null){let f=$.pageX-o,k=$.pageY-a;f<0?f=0:f>document.documentElement.clientWidth-s.offsetWidth&&(f=document.documentElement.clientWidth-s.offsetWidth),k<0?k=0:k>document.documentElement.clientHeight-s.offsetHeight&&(k=document.documentElement.clientHeight-s.offsetHeight),s.style.left=`${f}px`,s.style.top=`${k}px`,e(s.style.left,s.style.top)}return!1};document.addEventListener("mousemove",d);const m=function(){document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",m)};document.addEventListener("mouseup",m)}return!1})},Ot=function(s,e){s!=null&&s.addEventListener("mousedown",function(o){if(o.path[0].className==="layui-layer-resize"&&o.button==0&&s!=null){var a=s.offsetLeft,r=s.offsetTop;const u=function(m){if(s!=null){var $=m.clientX,f=m.clientY,k=$-a,v=f-r;k<260&&(k=260),v<115&&(v=115),s.style.width=`${k}px`,s.style.height=`${v}px`,e(s.style.width,s.style.height)}return!1};document.addEventListener("mousemove",u);const d=function(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",d)};document.addEventListener("mouseup",d)}return!1})},Vt=Symbol("zIndex"),Ht=["innerHTML"],St={key:1,class:"layui-layer-setwin"},jt={key:0},Et=["onClick"],Ft={name:"LayLayer"},Rn=Y(M(F({},Ft),{props:{id:null,title:{type:[String,Boolean,Function],default:"\u6807\u9898"},icon:null,skin:null,zIndex:null,setTop:{type:Boolean,default:!1},offset:{default:()=>["50%","50%"]},area:{default:"auto"},modelValue:{type:Boolean,default:!1},maxmin:{type:[Boolean,String],default:!1},btn:{type:[Array,Boolean]},move:{type:[Boolean,String],default:!0},resize:{type:[Boolean,String],default:!1},type:{default:1},content:null,isHtmlFragment:{type:Boolean,default:!1},shade:{type:[Boolean,String],default:!0},shadeClose:{type:[Boolean,String],default:!0},shadeOpacity:{default:"0.1"},closeBtn:{type:[Boolean,String],default:!0},btnAlign:{default:"r"},time:{default:0},load:{default:0},anim:{default:0},isOutAnim:{type:Boolean,default:!0},destroy:{type:Function,default:()=>{}},success:{type:Function,default:()=>{}},end:{type:Function,default:()=>{}},yes:null,yesText:{default:"\u786E\u5B9A"},isFunction:{type:Boolean,default:!1},isMessage:{type:Boolean,default:!1},appContext:null,startIndex:{default:0},imgList:{default:()=>[]}},emits:["close","update:modelValue"],setup(s,{expose:e,emit:o}){var _n;const a=s,r=Gn(),u=x(!1),d=x(!1),m=x(a.id||Tn()),$=x(null),f=At(a.type),k=x(Lt(a.type,a.area,a.offset)),v=x(hn(a.offset,k.value,a.type)),U=x(Vn(k.value[1],a.btn,f,a.isMessage)),K=x((_n=a.zIndex)!=null?_n:Jn(Vt,99999)),V=x(!1),D=x(!0),C=x(k.value[0]),w=x(k.value[1]),_=x(v.value[0]),I=x(v.value[1]),z=x(k.value[0]),S=x(k.value[0]),O=x(v.value[0]),A=x(v.value[1]),G=function(){bn(async()=>{k.value=qt($.value),a.type==="drawer"&&(k.value=Nn(a.offset,a.area)),a.type==="photos"&&(k.value=await Mn(a.imgList[a.startIndex].src)),v.value=hn(a.offset,k.value,a.type),C.value=k.value[0],w.value=k.value[1],_.value=v.value[0],I.value=v.value[1],z.value=k.value[0],A.value=k.value[1],O.value=v.value[0],A.value=v.value[1],P()})},on=function(){C.value=z.value,w.value=S.value,_.value=O.value,I.value=A.value,P()},cn=function(){d.value&&Q(),u.value&&J(),z.value=C.value,S.value=w.value,O.value=_.value,A.value=I.value},J=()=>{u.value?(C.value=z.value,w.value=S.value,_.value=O.value,I.value=A.value):(O.value=_.value,A.value=I.value,z.value=C.value,S.value=w.value,C.value=Hn().w,w.value=Hn().h,_.value=Sn().t,I.value=Sn().l),u.value=!u.value},Q=()=>{let L=180*Bt(m.value,!d.value);L>document.documentElement.clientWidth-180&&(L=document.documentElement.clientWidth-180),d.value?(C.value=z.value,w.value=S.value,_.value=O.value,I.value=A.value):(z.value=C.value,S.value=w.value,O.value=_.value,A.value=I.value,w.value=jn().h,C.value=jn().w,_.value=En(L).t,I.value=En(L).l),d.value=!d.value},pn=function(){D.value||(d.value=!1,u.value=!1,C.value=k.value[0],w.value=k.value[1],_.value=v.value[0],I.value=v.value[1],z.value=k.value[0],S.value=k.value[1],O.value=v.value[0],A.value=v.value[1]),a.modelValue||o("update:modelValue",!0)};yn(()=>a.modelValue,()=>{V.value=a.modelValue,V.value?D.value?(D.value=!1,G()):on():cn()},{deep:!0}),yn(()=>V.value,()=>{V.value?(a.isFunction&&G(),a.success()):a.end()}),yn(()=>w.value,()=>{U.value=Vn(w.value,a.btn,f,a.isMessage)});const ln=H(()=>[f===0?"layui-layer-dialog":"",f===1?"layui-layer-page":"",f===2?"layui-layer-iframe":"",f===3?"layui-layer-loading":"",f===4?"layui-layer-photos":"",a.isMessage?"layui-layer-msg":"",a.isMessage&&!a.icon?"layui-layer-hui":"",a.skin]),P=function(){a.move&&a.type!="drawer"&&bn(()=>{zt($.value,(L,W)=>{I.value=L,_.value=W}),Ot($.value,(L,W)=>{w.value=W,C.value=L})})},gn=H(()=>({top:_.value,left:I.value,width:C.value,height:w.value,zIndex:K.value})),un=H(()=>[f===3?`layui-layer-loading${a.load}`:"",a.icon?"layui-layer-padding":""]),Z=()=>{o("close"),o("update:modelValue",!1),a.destroy()},j=()=>{a.yes!=null?a.yes():Z()},mn=()=>{a.shadeClose&&Z()},nn=function(L){return L instanceof Function?L():L},rn=H(()=>["layui-layer-ico",`layui-layer-ico${a.icon}`]),kn=H(()=>a.type==="drawer"?Fn(a.offset):`layer-anim layer-anim-0${a.anim}`),E=H(()=>a.type==="drawer"?Fn(a.offset,!0):a.isOutAnim?"layer-anim-close":""),dn=()=>{V.value=!0},tn=()=>{V.value=!1},l=H(()=>V.value&&a.shade&&!d.value),B=H(()=>a.resize&&!u.value&&!d.value),p=H(()=>a.title&&a.type!=3&&a.type!="photos"),Dn=function(L){bn(async()=>{k.value=await Mn(a.imgList[L].src),v.value=hn(a.offset,k.value,a.type),C.value=k.value[0],w.value=k.value[1],_.value=v.value[0],I.value=v.value[1],z.value=k.value[0],A.value=k.value[1],O.value=v.value[0],A.value=v.value[1]})};return e({reset:pn,open:dn,close:tn}),(L,W)=>(g(),b("div",null,[q(at,{index:K.value,visible:c(l),opacity:s.shadeOpacity,onShadeClick:mn},null,8,["index","visible","opacity"]),q(Qn,{"enter-active-class":c(kn),"leave-active-class":c(E)},{default:y(()=>[V.value?(g(),b("div",{key:0,ref_key:"layero",ref:$,class:R(["layui-layer layui-layer-border",c(ln)]),style:Cn(c(gn))},[c(p)?(g(),sn(ut,{key:0,title:s.title},null,8,["title"])):h("",!0),n("div",{class:R(["layui-layer-content",c(un)]),style:Cn({height:U.value})},[c(f)===0||c(f)===1?(g(),b(an,{key:0},[s.icon?(g(),b("i",{key:0,class:R(c(rn))},null,2)):h("",!0),c(r).default?Zn(L.$slots,"default",{key:1}):(g(),b(an,{key:2},[s.isHtmlFragment?(g(),b("span",{key:0,innerHTML:nn(a.content)},null,8,Ht)):(g(),b(an,{key:1},[t(T(nn(a.content)),1)],64))],64))],64)):h("",!0),c(f)===2?(g(),sn(ct,{key:1,src:a.content},null,8,["src"])):h("",!0),c(f)===4?(g(),sn(It,{key:2,imgList:a.imgList,startIndex:a.startIndex,onResetCalculationPohtosArea:Dn},null,8,["imgList","startIndex"])):h("",!0)],6),c(f)!=3&&c(f)!=4?(g(),b("span",St,[s.maxmin&&!u.value?(g(),b("a",{key:0,class:R(["layui-layer-min",[d.value?"layui-layer-ico layui-layer-maxmin":""]]),href:"javascript:;",onClick:Q},[d.value?h("",!0):(g(),b("cite",jt))],2)):h("",!0),s.maxmin&&!d.value?(g(),b("a",{key:1,class:R(["layui-layer-ico layui-layer-max",[u.value?"layui-layer-maxmin":""]]),href:"javascript:;",onClick:J},null,2)):h("",!0),s.closeBtn?(g(),sn(rt,{key:2,onCloseHandle:Z})):h("",!0)])):h("",!0),(s.btn&&s.btn.length>0||c(f)===0)&&!s.isMessage?(g(),b("div",{key:2,class:R(["layui-layer-btn",[`layui-layer-btn-${s.btnAlign}`]])},[s.btn&&s.btn.length>0?(g(!0),b(an,{key:0},nt(s.btn,(vn,In)=>(g(),b("a",{key:In,class:R([`layui-layer-btn${In}`]),onClick:Rs=>vn.callback(m.value)},T(vn.text),11,Et))),128)):(g(),b(an,{key:1},[c(f)===0?(g(),b("a",{key:0,class:"layui-layer-btn0",onClick:W[0]||(W[0]=vn=>j())},T(s.yesText),1)):h("",!0)],64))],2)):h("",!0),c(B)?(g(),sn(ft,{key:3})):h("",!0)],6)):h("",!0)]),_:3},8,["enter-active-class","leave-active-class"])]))}}));const N=[],Mt=s=>{N.push(s)},wn=s=>{N.forEach((e,o)=>{e.modalContainer.id===s&&N.splice(o,1)})},Tt=()=>{N.splice(0,N.length)},Nt=s=>{let e=!1;return N.forEach((o,a)=>{o.modalContainer.id===s&&(e=!0)}),e},Rt=s=>{let e=null;return N.forEach((o,a)=>{o.modalContainer.id===s&&(e=o)}),e},Dt=(s,e)=>(s&&(e=Object.assign(e,s)),e),Pt=()=>{const s=document.createElement("div");return s.id=Tn(),document.body.appendChild(s),s},Wt=s=>typeof s=="function"?An(s())?{default:()=>s()}:void 0:An(s)?{default:()=>s}:void 0,i={_context:null,open:(s,e)=>{let o={};return i.create(s,o,e)},drawer:(s,e)=>{let o={type:"drawer"};return i.create(s,o,e)},msg:(s,e,o)=>{let a={type:0,title:!1,content:s,closeBtn:!1,shadeClose:!1,isMessage:!0,shade:!1,time:1e3,btn:!1};return i.create(e,a,o)},load:(s,e,o)=>{let a={type:3,load:s,anim:5,isOutAnim:!1,shadeClose:!1};return i.create(e,a,o)},confirm:(s,e,o)=>{let a={type:0,content:s,shadeClose:!1};return i.create(e,a,o)},photos:(s,e)=>{typeof s=="string"&&(s={imgList:[{src:s}]});let o={type:"photos",anim:2,startIndex:0,isOutAnim:!0,shadeClose:!0,shadeOpacity:"0.7"};return i.create(s,o,e)},create:(s,e,o)=>{var m,$;let a;const r=Dt(s,e),u=Pt();r.id=u.id;const d=fn(Rn,M(F({},r),{isFunction:!0,destroy(){var f,k;clearTimeout(a),(k=(f=d.component)==null?void 0:f.exposed)==null||k.close(),setTimeout(()=>{en(null,u),document.body.contains(u)&&document.body.removeChild(u)},2e3),wn(u.id)}}),Wt(r.content));return d.appContext=r.appContext||i._context,en(d,u),($=(m=d.component)==null?void 0:m.exposed)==null||$.open(),e&&e.time!=null&&(a=setTimeout(()=>{var f,k;(k=(f=d.component)==null?void 0:f.exposed)==null||k.close(),o&&o(u.id),setTimeout(()=>{en(null,u),document.body.contains(u)&&document.body.removeChild(u)},2e3),wn(u.id)},e.time)),Mt({modalContainer:u,modalInstance:d}),u.id},close:s=>{var e,o;if(s!=null&&Nt(s)){const a=Rt(s);(o=(e=a.modalInstance.component)==null?void 0:e.exposed)==null||o.close(),setTimeout(()=>{en(null,a.modalContainer),document.body.contains(a.modalContainer)&&document.body.removeChild(a.modalContainer)},2e3)}wn(s)},closeAll:()=>{N.forEach(s=>{var e,o;(o=(e=s.modalInstance.component)==null?void 0:e.exposed)==null||o.close(),setTimeout(()=>{en(null,s.modalContainer),document.body.contains(s.modalContainer)&&document.body.removeChild(s.modalContainer)},2e3)}),Tt()},reset:s=>{var e,o;(o=(e=s.modalInstance.component)==null?void 0:e.exposed)==null||o.reset()}},Xt={class:"markdown-body"},Yt=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u5B89\u88C5")],-1),Ut=n("p",null,"\u901A\u8FC7 npm \u5DE5\u5177\u5B89\u88C5 :",-1),Kt=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`npm install @layui/layer-vue
`)])],-1),Gt=n("p",null,"\u5728 main.ts \u5B8C\u6210 layer-vue \u7684\u6CE8\u518C, \u5E76\u5BFC\u5165 css \u6587\u4EF6 :",-1),Jt=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`import App from './App';
import { createApp } from 'vue';
import layer from '@layui/layer-vue';
import '@layui/layer-vue/lib/index.css';

const app = createApp(App);

app.use(layer).mount('#app');
`)])],-1),Qt=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u573A\u666F")],-1),Zt=n("p",null,"\u56E0 layer-vue \u53EF\u4EE5\u72EC\u7ACB\u4F7F\u7528\uFF0C\u4E5F\u53EF\u4EE5\u5728 layui-vue \u4E2D\u4F7F\u7528\u3002\u6240\u4EE5\u8BF7\u6309\u7167\u4F60\u7684\u5B9E\u9645\u9700\u6C42\u6765\u9009\u62E9\u3002",-1),ns=n("p",null,"\u5982\u679C\u4F60\u60F3\u72EC\u7ACB\u4F7F\u7528 layer-vue, \u4F60\u9700\u8981\u901A\u8FC7 npm \u5B89\u88C5\u3002\u5982\u679C\u4F60\u4F7F\u7528\u7684\u662F layui-vue, \u90A3\u4E48\u4F60\u65E0\u9700\u5B89\u88C5 layer-vue\u3002",-1),ts=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u5165\u95E8")],-1),ss=n("p",null,[t("\u6211\u4EEC\u63D0\u4F9B "),n("code",null,"layer"),t(" \u51FD\u6570\u6765\u521B\u5EFA\u5F39\u51FA\u5C42 :")],-1),as=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`<template>
  <button type="button" @click="open">\u6253\u5F00</button>
</template>

<script setup>
import { layer } from "@layui/layer-vue";

const open = function () {
  layer.open({title:"\u6807\u9898", content: "\u5185\u5BB9"});
};
<\/script>
`)])],-1),es=n("p",null,[t("\u4F46\u5728\u8F83\u4E3A\u590D\u6742\u7684\u5E94\u7528\u573A\u666F\u4E2D, "),n("code",null,"lay-layer"),t(" \u662F\u4E00\u4E2A\u66F4\u597D\u7684\u9009\u62E9 :")],-1),os=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`<template>
  <button @click="changeVisible">\u663E\u793A/\u9690\u85CF</button>
  <lay-layer v-model="visible">
    content
  </lay-layer>
</template>

<script setup>
import { ref } from "vue";

const visible = ref(false);

const changeVisible = () => {
  visible.value = !visible.value;
}
<\/script>
`)])],-1),cs=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u6D88\u606F")],-1),ps=n("p",null,[t("\u901A\u8FC7 layer.msg(content, options) \u521B\u5EFA\u6D88\u606F\u7A97, \u7B2C\u4E00\u4E2A\u53C2\u6570"),n("code",null,"msg"),t("\u4E3A\u6D88\u606F\u5185\u5BB9, \u7B2C\u4E8C\u53C2\u6570"),n("code",null,"options"),t("\u4E3A\u53EF\u9009\u914D\u7F6E, \u5E38\u7528\u4E8E\u914D\u7F6E"),n("code",null,"time"),t("\u8D85\u65F6\u65F6\u95F4\u7B49\u3002")],-1),ls=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("msg"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u666E\u901A\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("success"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u6210\u529F\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("failure"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5931\u8D25\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("warm"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u8B66\u544A\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("info"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u9501\u5B9A\u6D88\u606F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"msg"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u666E\u901A\u6D88\u606F"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"success"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u6210\u529F\u6D88\u606F"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"failure"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u5931\u8D25\u6D88\u606F"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"warm"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u8B66\u544A\u6D88\u606F"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"info"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u7591\u95EE\u6D88\u606F"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),us=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u52A0\u8F7D")],-1),is=n("p",null,[t("\u901A\u8FC7 layer.load(type, options) \u521B\u5EFA\u52A0\u8F7D\u5C42, \u7B2C\u4E00\u4E2A\u53C2\u6570"),n("code",null,"type"),t("\u4E3A\u52A0\u8F7D\u52A8\u753B\u6837\u5F0F, \u7B2C\u4E8C\u4E2A\u53C2\u6570"),n("code",null,"options"),t("\u4E3A\u53EF\u9009\u914D\u7F6E, \u5E38\u7528\u4E8E\u8BBE\u7F6E"),n("code",null,"time"),t("\u52A0\u8F7D\u65F6\u957F"),n("code",null,"shade"),t("\u906E\u76D6\u5C42\u7B49\u3002")],-1),rs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("load1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u52A0\u8F7D1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("load2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u52A0\u8F7D2"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("load3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u52A0\u8F7D3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("load4"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u52A0\u8F7D4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"load1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"2000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"load2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"2000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"load3"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"load"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"2000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"load4"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u52A0\u8F7D\u4E2D..."'),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"icon"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"16"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"time"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"2000"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),ks=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u6A21\u6001")],-1),ds=n("p",null,[t("\u901A\u8FC7 layer.open(option) \u521B\u5EFA\u6A21\u6001\u7A97, \u76EE\u524D\u652F\u6301"),n("code",null,"iframe"),t(),n("code",null,"page"),t("\u7B49\u7C7B\u578B, \u4F60\u53EF\u4EE5\u4F7F\u7528"),n("code",null,"options"),t("\u9009\u9879\u5F00\u542F"),n("code",null,"Resize"),t(),n("code",null,"Offset"),t("\u7B49\u66F4\u591A\u7279\u6027\u3002")],-1),ys=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("open"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5C0F\u8BD5\u725B\u5200"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openSize"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u6307\u5B9A\u5C3A\u5BF8"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openOffset"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u6307\u5B9A\u4F4D\u7F6E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openIframe"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u8FDC\u7A0B\u7A97\u4F53"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openHtml"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("HTML"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openVNode"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("vNode"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openMaxmin"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u7F29\u5C0F\u653E\u5927"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openResize"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5C3A\u5BF8\u62C9\u4F38"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openIndex"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u8BBE\u7F6E\u5C42\u7EA7"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openAreaAuto"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5185\u5BB9\u81EA\u6491\u5F00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openBtns"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u81EA\u5B9A\u4E49\u6309\u94AE\u7EC4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"open"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`    
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openSize"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'400px'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'400px'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`     
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openOffset"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"offset"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'100px'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'100px'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openIframe"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"resize"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'500px'"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'500px'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"http://layui-vue.pearadmin.com"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openHtml"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},`"<p style='color:red;'>\u5185\u5BB9</p>"`),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openVNode"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"h"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'button'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"style"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'margin: 10px;'"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token string"},"'\u6309\u94AE'"),n("span",{class:"token punctuation"},")"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openMaxmin"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"maxmin"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openResize"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"resize"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`    
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openIndex"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"zIndex"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token number"},"666"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u8BBE\u7F6E\u5C42\u7EA7"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openAreaAuto"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"area:auto"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},`"<img src='https://chixian.oss-cn-hangzhou.aliyuncs.com/20210819230007_346ce.jpeg'/>"`),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openBtns"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u81EA\u5B9A\u4E49\u6309\u94AE"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"btn"),n("span",{class:"token operator"},":"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7B2C\u4E00\u4E2A\u6309\u94AE"'),n("span",{class:"token punctuation"},","),n("span",{class:"token function-variable function"},"callback"),n("span",{class:"token operator"},":"),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
            console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u7B2C\u4E00\u4E2A\u6309\u94AE\u88AB\u70B9\u51FB"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7B2C\u4E8C\u4E2A\u6309\u94AE"'),n("span",{class:"token punctuation"},","),n("span",{class:"token function-variable function"},"callback"),n("span",{class:"token operator"},":"),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
            console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u7B2C\u4E8C\u4E2A\u6309\u94AE\u88AB\u70B9\u51FB"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),fs=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u8BE2\u95EE")],-1),gs=n("p",null,[t("\u901A\u8FC7 layer.confirm(msg, options) \u521B\u5EFA\u786E\u8BA4\u6846, \u7B2C\u4E00\u4E2A\u53C2\u6570"),n("code",null,"msg"),t("\u4E3A\u6587\u672C\u6D88\u606F, \u7B2C\u4E8C\u4E2A\u53C2\u6570"),n("code",null,"options"),t("\u4E3A\u9009\u9879\u914D\u7F6E, \u4F60\u53EF\u4EE5\u4F7F\u7528"),n("code",null,"options"),t("\u7684"),n("code",null,"btn"),t("\u5C5E\u6027\u5B9A\u4E49\u64CD\u4F5C\u3002")],-1),ms=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openConfirm1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u786E\u8BA4\u6846"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openConfirm2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u8BE2\u95EE\u6846"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openConfirm1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-vue 1.0.0 \u5DF2\u7ECF\u53D1\u5E03"'),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openConfirm2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"confirm"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u4F60\u5982\u4F55\u770B\u5F85 layui-vue \u7684\u53D1\u5E03"'),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"btn"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'\u7AD9\u7740\u770B'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function-variable function"},"callback"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
        layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u6709\u70B9\u610F\u601D"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'\u5750\u7740\u770B'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function-variable function"},"callback"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
        layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u65E0\u804A"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),vs=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u62BD\u5C49")],-1),bs=n("p",null,[t("\u901A\u8FC7 layer.drawer(options) \u521B\u5EFA\u62BD\u5C49\u5C42, "),n("code",null,"options"),t("\u9009\u9879\u914D\u7F6E, \u62BD\u5C49\u672C\u8D28\u4E0A\u662F\u4E00\u4E2A\u7279\u6B8A\u7684\u6A21\u6001\u7A97, \u4F60\u53EF\u4EE5\u4F7F\u7528"),n("code",null,"offset"),t("\u9009\u9879\u6765\u8BBE\u7F6E\u65B9\u5411\u3002")],-1),xs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openTop"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u4E0A"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openBottom"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u4E0B"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openLeft"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5DE6"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openRight"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u53F3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openTop"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"drawer"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"offset"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"t"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openBottom"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"drawer"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"offset"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"b"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openLeft"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"drawer"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"offset"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"l"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openRight"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"drawer"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"offset"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"r"'),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),hs=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u56FE\u7247\u5C42")],-1),ws=n("p",null,[t("\u901A\u8FC7 layer.photos(options) \u521B\u5EFA\u56FE\u7247\u9884\u89C8\u5F39\u5C42, \u53C2\u6570"),n("code",null,"options"),t("\u4E3B\u8981\u4F20\u5165\u9884\u89C8\u7684\u56FE\u7247\u94FE\u63A5\u3002")],-1),Cs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("signleImg"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5FEB\u901F\u9884\u89C8\u4E00\u5F20\u56FE\u7247"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("signleImg2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u5355\u5F20\u56FE\u7247\u5E26\u6587\u5B57\u63CF\u8FF0"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("groupImg"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u56FE\u7247\u7EC4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"signleImg"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"photos"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"/src/assets/logo.jpg"'),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"signleImg2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"photos"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"imgList"),n("span",{class:"token operator"},":"),n("span",{class:"token punctuation"},"["),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'/src/assets/logo.jpg'"),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"alt"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'layer for vue'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"groupImg"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"photos"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"imgList"),n("span",{class:"token operator"},":"),n("span",{class:"token punctuation"},"["),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'http://www.pearadmin.com/assets/images/un8.svg'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"alt"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'\u56FE\u72471'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"src"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'http://www.pearadmin.com/assets/images/un32.svg'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"alt"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},"'\u56FE\u72472'"),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"]"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),_s=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u901A\u8BAF")],-1),Is=n("p",null,[t("\u{1F449} \u67E5\u770B "),n("a",{href:"https://gitee.com/layui-vue/layer-vue/blob/master/example/src/components/Children1.vue"},"Children1.vue"),t(", \u901A\u8FC7 h() \u51FD\u6570\u7684\u7B2C\u4E8C\u4E2A\u53C2\u6570\u5411 Children1.vue \u4F20\u9012\u54CD\u5E94\u5F0F\u53D8\u91CF\u3002")],-1),Ls=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openComponent1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u6570\u636E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("input")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("data.remark"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" reactive"),n("span",{class:"token punctuation"},","),t(" h"),n("span",{class:"token punctuation"},","),t(" resolveComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u4FE1\u606F"'),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token keyword"},"const"),t(" ChildrenOne "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"resolveComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Children1'"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openComponent1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'\u6807\u9898'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"h"),n("span",{class:"token punctuation"},"("),t("ChildrenOne"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(" data "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),$s=n("p",null,[t("\u{1F449} \u67E5\u770B "),n("a",{href:"https://gitee.com/layui-vue/layer-vue/blob/master/example/src/components/Children2.vue"},"Children2.vue"),t(", \u901A\u8FC7 h() \u51FD\u6570\u7684\u7B2C\u4E8C\u4E2A\u53C2\u6570\u58F0\u660E onXxx() \u5F62\u5F0F\u7684\u51FD\u6570\u5B8C\u6210 Children2.vue \u7684\u4E8B\u4EF6\u76D1\u542C\u3002")],-1),As=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("openComponent2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u4E8B\u4EF6"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("input")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("text"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("numb"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" reactive"),n("span",{class:"token punctuation"},","),t(" h"),n("span",{class:"token punctuation"},","),t(" resolveComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" layer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(" prop "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token keyword"},"const"),t(" numb "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"1000"),n("span",{class:"token punctuation"},")"),t(`  
`),n("span",{class:"token keyword"},"const"),t(" ChildrenTwo "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"resolveComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Children2'"),n("span",{class:"token punctuation"},")"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"openComponent2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'\u6807\u9898'"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"h"),n("span",{class:"token punctuation"},"("),t("ChildrenTwo"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(` 
      prop`),n("span",{class:"token punctuation"},","),t(` 
      `),n("span",{class:"token function"},"onAdd"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),t(`
        numb`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" numb"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"onSub"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        numb`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" numb"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),qs=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u9500\u6BC1")],-1),Bs=n("p",null,"\u6211\u4EEC\u63D0\u4F9B layer.close(id) \u4E0E layer.closeAll() \u51FD\u6570\u5B9E\u73B0\u5F39\u51FA\u5C42\u7684\u4E3B\u52A8\u9500\u6BC1\u3002",-1),zs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("open"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u6253\u5F00"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("close"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u9500\u6BC1"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("closeAll"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("\u9500\u6BC1\u5168\u90E8"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"open"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token keyword"},"const"),t(" id "),n("span",{class:"token operator"},"="),t(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u6807\u9898"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},'"\u5185\u5BB9"'),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"false"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),t(`
    `),n("span",{class:"token keyword"},"return"),t(" id"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"close"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),t("open"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`

`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"closeAll"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"closeAll"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),Os=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u7EC4\u4EF6")],-1),Vs=n("p",null,[t("\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E00\u4E9B\u6838\u5FC3\u51FD\u6570\u6765\u521B\u5EFA\u5F39\u51FA\u5C42, \u4F46\u5728\u4E00\u4E9B\u590D\u6742\u7684\u5E94\u7528\u573A\u666F\u4E2D, "),n("code",null,"lay-layer"),t("\u662F\u4E00\u4E2A\u66F4\u597D\u7684\u9009\u62E9\u3002")],-1),Hs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("changeVisible"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("{{ visible ? '\u9690\u85CF':'\u663E\u793A' }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("button")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("lay-layer")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("\u6807\u9898"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("visible"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":area"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("["),n("span",{class:"token punctuation"},"'"),t("300px"),n("span",{class:"token punctuation"},"'"),t(","),n("span",{class:"token punctuation"},"'"),t("300px"),n("span",{class:"token punctuation"},"'"),t("]"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    content
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("lay-layer")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`

`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" ref"),n("span",{class:"token punctuation"},","),t(" reactive"),n("span",{class:"token punctuation"},","),t(" h "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" LayLayer "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t("  "),n("span",{class:"token string"},'"../../../layer/src/index"'),t(`

`),n("span",{class:"token keyword"},"const"),t(" visible "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),t(`
`),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"changeVisible"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
  visible`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token operator"},"!"),t("visible"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token punctuation"},"}"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),Ss=t(" content "),js=tt('<fieldset class="layui-elem-field layui-field-title"><legend>\u9009\u9879</legend></fieldset><p>\u6211\u4EEC\u63D0\u4F9B\u4E86\u4E30\u5BCC\u7684 <code>options</code> \u914D\u7F6E, \u4F60\u53EF\u4EE5\u901A\u8FC7\u914D\u7F6E\u6765\u6EE1\u8DB3\u5BF9 layer \u7684\u5B9A\u5236\u5316, \u9700\u8981\u6CE8\u610F\u7684\u662F\u6709\u4E9B\u5C5E\u6027\u4EC5\u9002\u7528\u90E8\u5206\u7EC4\u4EF6\u3002</p><table><thead><tr><th>\u5C5E\u6027</th><th>\u63CF\u8FF0</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u53EF\u9009\u503C</th></tr></thead><tbody><tr><td>type</td><td>\u7C7B\u578B</td><td>string</td><td><code>1</code></td><td><code>0</code> <code>1</code> <code>2</code> <code>3</code></td></tr><tr><td>title</td><td>\u6807\u9898</td><td>string boolean</td><td><code>\u4FE1\u606F</code></td><td>\u2013</td></tr><tr><td>content</td><td>\u5185\u5BB9</td><td>string vnode</td><td>\u2013</td><td>\u2013</td></tr><tr><td>v-model</td><td>\u663E\u793A</td><td>boolean</td><td><code>false</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>offset</td><td>\u4F4D\u7F6E</td><td>string array</td><td><code>[&#39;50%&#39;,&#39;50%&#39;]</code></td><td>\u2013</td></tr><tr><td>area</td><td>\u5C3A\u5BF8</td><td>string array</td><td><code>auto</code></td><td>\u2013</td></tr><tr><td>move</td><td>\u62D6\u62FD</td><td>boolean</td><td><code>true</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>maxmin</td><td>\u7F29\u653E</td><td>boolean</td><td><code>false</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>resize</td><td>\u62C9\u4F38</td><td>boolean</td><td><code>false</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>anim</td><td>\u5165\u573A\u52A8\u753B</td><td>number</td><td><code>0</code></td><td><code>0</code> - <code>6</code></td></tr><tr><td>isOutAnim</td><td>\u51FA\u573A\u52A8\u753B</td><td>boolean</td><td><code>true</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>btnAlign</td><td>\u6309\u94AE\u4F4D\u7F6E</td><td>string</td><td><code>r</code></td><td><code>l</code> <code>c</code> <code>r</code></td></tr><tr><td>closeBtn</td><td>\u5173\u95ED\u6309\u94AE</td><td>boolean</td><td><code>true</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>time</td><td>\u5173\u95ED\u65F6\u95F4</td><td>number</td><td><code>0</code></td><td>\u2013</td></tr><tr><td>shade</td><td>\u906E\u76D6\u5C42</td><td>boolean</td><td><code>true</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>shadeClose</td><td>\u906E\u76D6\u5C42\u5173\u95ED</td><td>boolean</td><td><code>true</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>shadeOpacity</td><td>\u906E\u76D6\u5C42\u900F\u660E\u5EA6</td><td>string</td><td><code>0.1</code></td><td><code>0.1</code> - <code>1</code></td></tr><tr><td>isHtmlFragment</td><td>\u89E3\u6790 html \u5B57\u7B26</td><td>boolean</td><td><code>false</code></td><td><code>true</code> <code>false</code></td></tr><tr><td>imgList</td><td>\u56FE\u7247\u6570\u636E\u6570\u7EC4</td><td>array[{src:\u56FE\u7247\u94FE\u63A5,alt:\u56FE\u7247\u540D\u5B57\u53EF\u9009\u2019}]</td><td>-</td><td>-</td></tr></tbody></table><fieldset class="layui-elem-field layui-field-title"><legend>\u52A8\u753B</legend></fieldset><p>anim\uFF1ANumber\uFF0C\u9ED8\u8BA4\uFF1A0</p><p>\u6211\u4EEC\u7684\u51FA\u573A\u52A8\u753B\u5168\u90E8\u91C7\u7528CSS3\u3002\u8FD9\u610F\u5473\u7740\u9664\u4E86ie6-9\uFF0C\u5176\u5B83\u6240\u6709\u6D4F\u89C8\u5668\u90FD\u662F\u652F\u6301\u7684\u3002\u76EE\u524Danim\u53EF\u652F\u6301\u7684\u52A8\u753B\u7C7B\u578B\u67090-6 \u5982\u679C\u4E0D\u60F3\u663E\u793A\u52A8\u753B\uFF0C\u8BBE\u7F6E anim: -1 \u5373\u53EF\u3002</p><p>\u53E6\u5916\u9700\u8981\u6CE8\u610F\u7684\u662F\uFF0C3.0\u4E4B\u524D\u7684\u7248\u672C\u7528\u7684\u662F shift \u53C2\u6570\u3002</p><table><thead><tr><th>\u5C5E\u6027</th><th>\u63CF\u8FF0</th></tr></thead><tbody><tr><td>anim:0</td><td>\u5E73\u6ED1\u653E\u5927</td></tr><tr><td>anim:1</td><td>\u4ECE\u4E0A\u6389\u843D</td></tr><tr><td>anim:2</td><td>\u4ECE\u6700\u5E95\u90E8\u5F80\u4E0A\u6ED1\u5165</td></tr><tr><td>anim:3</td><td>\u4ECE\u5DE6\u6ED1\u5165</td></tr><tr><td>anim:4</td><td>\u4ECE\u5DE6\u7FFB\u6EDA</td></tr><tr><td>anim:5</td><td>\u6E10\u663E</td></tr><tr><td>anim:5</td><td>\u6296\u52A8</td></tr></tbody></table><fieldset class="layui-elem-field layui-field-title"><legend>\u95EE\u9898</legend></fieldset><p>\u76F4\u63A5\u8C03\u7528 layer \u7684\u65B9\u6CD5\uFF0C\u7EC4\u4EF6\u4F1A\u901A\u8FC7 Vue.render \u52A8\u6001\u521B\u5EFA\u65B0\u7684 Vue \u5B9E\u4F53\u3002\u5176 context \u4E0E\u5F53\u524D\u4EE3\u7801\u6240\u5728 context \u5E76\u4E0D\u76F8\u540C\uFF0C\u56E0\u800C\u65E0\u6CD5\u83B7\u53D6 context \u4FE1\u606F\u3002</p><p>\u5F53\u4F60\u9700\u8981 context \u4FE1\u606F\uFF08\u4F8B\u5982\u4F7F\u7528\u5168\u5C40\u6CE8\u518C\u7684\u7EC4\u4EF6\uFF09\u65F6\uFF0C\u53EF\u4EE5\u901A\u8FC7 appContext \u5C5E\u6027\u4F20\u9012\u5F53\u524D\u7EC4\u4EF6 context, \u5F53\u4F60\u9700\u8981\u4FDD\u7559\u5C5E\u6027\u54CD\u5E94\u5F0F\u65F6\uFF0C\u4F60\u53EF\u4EE5\u4F7F\u7528\u51FD\u6570\u8FD4\u56DE:</p>',11),Es=n("div",{class:"language-"},[n("pre",null,[n("code",{"v-pre":""},`import { getCurrentInstance, ref } from 'vue';
import { layer } from "@layui/layer-vue";

const appContext = getCurrentInstance().appContext;

const title = ref("\u6807\u9898")

layer.open({
    title: () => title.value,
    content: h("children"),
    appContext: appContext
})
`)])],-1),Fs=n("fieldset",{class:"layui-elem-field layui-field-title"},[n("legend",null,"\u7ED3\u8BED")],-1),Ms=n("p",null,"\u4EE5\u5199\u4F5C\u4E3A\u5DE5\u5177\uFF0C\u4E3A\u9053\u9014\uFF0C\u5148\u5E2E\u52A9\u81EA\u5DF1\u4E00\u7A0B\uFF0C\u518D\u4EE5\u81EA\u5DF1\u7684\u9886\u609F\u5E2E\u52A9\u4ED6\u4EBA\u4E00\u7A0B, \u8FD9\u662F\u4E00\u79CD\u670D\u52A1 -- \u5E86\u5C71",-1),Ts=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"}),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1),Ns=n("p",null,[n("template")],-1),Ws={},Xs={__name:"index",setup(s,{expose:e}){let o=function(){i.msg("\u666E\u901A\u6D88\u606F",{time:1e3})},a=function(){i.msg("\u6210\u529F\u6D88\u606F",{time:1e3,icon:1})},r=function(){i.msg("\u5931\u8D25\u6D88\u606F",{time:1e3,icon:2})},u=function(){i.msg("\u8B66\u544A\u6D88\u606F",{time:1e3,icon:3})},d=function(){i.msg("\u7591\u95EE\u6D88\u606F",{time:1e3,icon:4})},m=function(){i.load(0,{time:2e3})},$=function(){i.load(1,{time:2e3})},f=function(){i.load(2,{time:2e3})},k=function(){i.msg("\u52A0\u8F7D\u4E2D...",{icon:16,time:2e3})},v=function(){i.open({type:1,title:"\u6807\u9898",content:"\u5185\u5BB9"})},U=function(){i.open({type:1,title:"\u6807\u9898",area:["400px","400px"],content:"\u5185\u5BB9"})},K=function(){i.open({type:1,title:"\u6807\u9898",offset:["100px","100px"],content:"\u5185\u5BB9"})},V=function(){i.open({type:2,title:"\u6807\u9898",resize:!0,area:["500px","500px"],content:"http://layui-vue.pearadmin.com"})},D=function(){i.open({type:1,title:"\u6807\u9898",isHtmlFragment:!0,content:"<p style='color:red;'>\u5185\u5BB9</p>"})},C=function(){i.open({type:1,title:"\u6807\u9898",content:fn("button",{style:"margin: 10px;"},"\u6309\u94AE")})},w=function(){i.open({type:1,title:"\u6807\u9898",maxmin:!0,content:"\u5185\u5BB9"})},_=function(){i.open({type:1,title:"\u6807\u9898",resize:!0,content:"\u5185\u5BB9"})},I=function(){i.open({type:1,title:"\u6807\u9898",zIndex:666,content:"\u8BBE\u7F6E\u5C42\u7EA7"})},z=function(){i.open({type:1,title:"area:auto",isHtmlFragment:!0,content:"<img src='https://chixian.oss-cn-hangzhou.aliyuncs.com/20210819230007_346ce.jpeg'/>"})},S=function(){i.open({type:1,title:"\u81EA\u5B9A\u4E49\u6309\u94AE",btn:[{text:"\u7B2C\u4E00\u4E2A\u6309\u94AE",callback:function(){console.log("\u7B2C\u4E00\u4E2A\u6309\u94AE\u88AB\u70B9\u51FB")}},{text:"\u7B2C\u4E8C\u4E2A\u6309\u94AE",callback:function(){console.log("\u7B2C\u4E8C\u4E2A\u6309\u94AE\u88AB\u70B9\u51FB")}}]})},O=function(){i.confirm("layui-vue 1.0.0 \u5DF2\u7ECF\u53D1\u5E03")},A=function(){i.confirm("\u4F60\u5982\u4F55\u770B\u5F85 layui-vue \u7684\u53D1\u5E03",{btn:[{text:"\u7AD9\u7740\u770B",callback:function(){i.msg("\u6709\u70B9\u610F\u601D")}},{text:"\u5750\u7740\u770B",callback:function(){i.msg("\u65E0\u804A")}}]})},G=function(){i.drawer({title:"\u6807\u9898",content:"\u5185\u5BB9",offset:"t"})},on=function(){i.drawer({title:"\u6807\u9898",content:"\u5185\u5BB9",offset:"b"})},cn=function(){i.drawer({title:"\u6807\u9898",content:"\u5185\u5BB9",offset:"l"})},J=function(){i.drawer({title:"\u6807\u9898",content:"\u5185\u5BB9",offset:"r"})},Q=function(){i.photos("/src/assets/logo.jpg")},pn=function(){i.photos({imgList:[{src:"/src/assets/logo.jpg",alt:"layer for vue"}]})},ln=function(){i.photos({imgList:[{src:"http://www.pearadmin.com/assets/images/un8.svg",alt:"\u56FE\u72471"},{src:"http://www.pearadmin.com/assets/images/un32.svg",alt:"\u56FE\u72472"}]})},P=qn({remark:"\u4FE1\u606F"}),gn=xn("Children1"),un=()=>{i.open({title:"\u6807\u9898",content:fn(gn,{data:P}),shade:!1})},Z=qn({}),j=x(1e3),mn=xn("Children2"),nn=()=>{i.open({title:"\u6807\u9898",content:fn(mn,{prop:Z,onAdd(tn){j.value=j.value+1},onSub(tn){j.value=j.value-1}})})};v=function(){return i.open({title:"\u6807\u9898",content:"\u5185\u5BB9",shade:!1})};let rn=function(){i.close(v)},kn=function(){i.closeAll()},E=x(!1),dn=()=>{E.value=!E.value};return e({frontmatter:{}}),(tn,l)=>{const B=xn("lay-code");return g(),b("div",Xt,[Yt,Ut,Kt,Gt,Jt,Qt,Zt,ns,ts,ss,as,es,os,cs,q(B,null,{description:y(()=>[ps]),code:y(()=>[ls]),default:y(()=>[n("button",{onClick:l[0]||(l[0]=(...p)=>c(o)&&c(o)(...p))},"\u666E\u901A\u6D88\u606F"),n("button",{onClick:l[1]||(l[1]=(...p)=>c(a)&&c(a)(...p))},"\u6210\u529F\u6D88\u606F"),n("button",{onClick:l[2]||(l[2]=(...p)=>c(r)&&c(r)(...p))},"\u5931\u8D25\u6D88\u606F"),n("button",{onClick:l[3]||(l[3]=(...p)=>c(u)&&c(u)(...p))},"\u8B66\u544A\u6D88\u606F"),n("button",{onClick:l[4]||(l[4]=(...p)=>c(d)&&c(d)(...p))},"\u9501\u5B9A\u6D88\u606F")]),_:1}),us,q(B,null,{description:y(()=>[is]),code:y(()=>[rs]),default:y(()=>[n("button",{onClick:l[5]||(l[5]=(...p)=>c(m)&&c(m)(...p))},"\u52A0\u8F7D1"),n("button",{onClick:l[6]||(l[6]=(...p)=>c($)&&c($)(...p))},"\u52A0\u8F7D2"),n("button",{onClick:l[7]||(l[7]=(...p)=>c(f)&&c(f)(...p))},"\u52A0\u8F7D3"),n("button",{onClick:l[8]||(l[8]=(...p)=>c(k)&&c(k)(...p))},"\u52A0\u8F7D4")]),_:1}),ks,q(B,null,{description:y(()=>[ds]),code:y(()=>[ys]),default:y(()=>[n("button",{onClick:l[9]||(l[9]=(...p)=>c(v)&&c(v)(...p))},"\u5C0F\u8BD5\u725B\u5200"),n("button",{onClick:l[10]||(l[10]=(...p)=>c(U)&&c(U)(...p))},"\u6307\u5B9A\u5C3A\u5BF8"),n("button",{onClick:l[11]||(l[11]=(...p)=>c(K)&&c(K)(...p))},"\u6307\u5B9A\u4F4D\u7F6E"),n("button",{onClick:l[12]||(l[12]=(...p)=>c(V)&&c(V)(...p))},"\u8FDC\u7A0B\u7A97\u4F53"),n("button",{onClick:l[13]||(l[13]=(...p)=>c(D)&&c(D)(...p))},"HTML"),n("button",{onClick:l[14]||(l[14]=(...p)=>c(C)&&c(C)(...p))},"vNode"),n("button",{onClick:l[15]||(l[15]=(...p)=>c(w)&&c(w)(...p))},"\u7F29\u5C0F\u653E\u5927"),n("button",{onClick:l[16]||(l[16]=(...p)=>c(_)&&c(_)(...p))},"\u5C3A\u5BF8\u62C9\u4F38"),n("button",{onClick:l[17]||(l[17]=(...p)=>c(I)&&c(I)(...p))},"\u8BBE\u7F6E\u5C42\u7EA7"),n("button",{onClick:l[18]||(l[18]=(...p)=>c(z)&&c(z)(...p))},"\u5185\u5BB9\u81EA\u6491\u5F00"),n("button",{onClick:l[19]||(l[19]=(...p)=>c(S)&&c(S)(...p))},"\u81EA\u5B9A\u4E49\u6309\u94AE\u7EC4")]),_:1}),fs,q(B,null,{description:y(()=>[gs]),code:y(()=>[ms]),default:y(()=>[n("button",{onClick:l[20]||(l[20]=(...p)=>c(O)&&c(O)(...p))},"\u786E\u8BA4\u6846"),n("button",{onClick:l[21]||(l[21]=(...p)=>c(A)&&c(A)(...p))},"\u8BE2\u95EE\u6846")]),_:1}),vs,q(B,null,{description:y(()=>[bs]),code:y(()=>[xs]),default:y(()=>[n("button",{onClick:l[22]||(l[22]=(...p)=>c(G)&&c(G)(...p))},"\u4E0A"),n("button",{onClick:l[23]||(l[23]=(...p)=>c(on)&&c(on)(...p))},"\u4E0B"),n("button",{onClick:l[24]||(l[24]=(...p)=>c(cn)&&c(cn)(...p))},"\u5DE6"),n("button",{onClick:l[25]||(l[25]=(...p)=>c(J)&&c(J)(...p))},"\u53F3")]),_:1}),hs,q(B,null,{description:y(()=>[ws]),code:y(()=>[Cs]),default:y(()=>[n("button",{onClick:l[26]||(l[26]=(...p)=>c(Q)&&c(Q)(...p))},"\u5FEB\u901F\u9884\u89C8\u4E00\u5F20\u56FE\u7247"),n("button",{onClick:l[27]||(l[27]=(...p)=>c(pn)&&c(pn)(...p))},"\u5355\u5F20\u56FE\u7247\u5E26\u6587\u5B57\u63CF\u8FF0"),n("button",{onClick:l[28]||(l[28]=(...p)=>c(ln)&&c(ln)(...p))},"\u56FE\u7247\u7EC4")]),_:1}),_s,q(B,null,{description:y(()=>[Is]),code:y(()=>[Ls]),default:y(()=>[n("button",{onClick:l[29]||(l[29]=(...p)=>c(un)&&c(un)(...p))},"\u6570\u636E"),Bn(n("input",{type:"text","onUpdate:modelValue":l[30]||(l[30]=p=>c(P).remark=p)},null,512),[[zn,c(P).remark]])]),_:1}),q(B,null,{description:y(()=>[$s]),code:y(()=>[As]),default:y(()=>[n("button",{onClick:l[31]||(l[31]=(...p)=>c(nn)&&c(nn)(...p))},"\u4E8B\u4EF6"),Bn(n("input",{type:"text","onUpdate:modelValue":l[32]||(l[32]=p=>On(j)?j.value=p:j=p)},null,512),[[zn,c(j)]])]),_:1}),qs,q(B,null,{description:y(()=>[Bs]),code:y(()=>[zs]),default:y(()=>[n("button",{onClick:l[33]||(l[33]=(...p)=>c(v)&&c(v)(...p))},"\u6253\u5F00"),n("button",{onClick:l[34]||(l[34]=(...p)=>c(rn)&&c(rn)(...p))},"\u9500\u6BC1"),n("button",{onClick:l[35]||(l[35]=(...p)=>c(kn)&&c(kn)(...p))},"\u9500\u6BC1\u5168\u90E8")]),_:1}),Os,q(B,null,{description:y(()=>[Vs]),code:y(()=>[Hs]),default:y(()=>[n("button",{onClick:l[36]||(l[36]=(...p)=>c(dn)&&c(dn)(...p))},T(c(E)?"\u9690\u85CF":"\u663E\u793A"),1),q(c(Rn),{title:"\u6807\u9898",modelValue:c(E),"onUpdate:modelValue":l[37]||(l[37]=p=>On(E)?E.value=p:E=p),area:["300px","300px"]},{default:y(()=>[Ss]),_:1},8,["modelValue"])]),_:1}),js,Es,Fs,q(B,null,{description:y(()=>[Ms]),code:y(()=>[Ts]),default:y(()=>[Ns]),_:1})])}}};export{Xs as default,Ws as frontmatter};