doc.ffea4830.js 5.3 KB

1
  1. import{_ as y}from"./index.c8cfbd6c.js";import{a as f,e as c,Y as b,o as l,g as v,y as x,b as m,G as u,F as o,l as t,H as $,B as N,C as w,D as L,K as V,X as k}from"./@vue.e84e1286.js";import{p as i}from"./preview.2bfe2f00.js";import"./vue-router.54876e93.js";import"./bus.f1893518.js";import"./mitt.550594b0.js";/* empty css */const C=d=>(N("data-v-2e5cd2c6"),d=d(),w(),d),I={class:"mt-20"},S=C(()=>t("span",null,"\u5F00\u542F/\u5173\u95EDLoading",-1)),B={__name:"demo1",setup(d){const e=f(!0),n=[{date:"2022-05-12",name:"\u540E\u88D4",address:"\u738B\u8005\u5CE1\u8C37\u4E0B\u5854\u65C1"},{date:"2022-06-13",name:"\u9C81\u73ED",address:"\u5728\u901B\u8857"},{date:"2022-07-14",name:"\u5B59\u5C1A\u9999",address:"\u5728\u6253\u7EA2buff"},{date:"2022-08-15",name:"\u72C4\u4EC1\u6770",address:"\u5728\u63A8\u5854"}];return(r,s)=>{const a=c("m-table-column"),_=c("m-table"),p=c("m-switch"),h=b("loading");return l(),v($,null,[x((l(),m(_,{data:n},{default:u(()=>[o(a,{prop:"date",label:"\u65E5\u671F"}),o(a,{prop:"name",label:"\u59D3\u540D"}),o(a,{prop:"address",label:"\u5730\u5740"})]),_:1})),[[h,e.value]]),t("div",I,[o(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=g=>e.value=g)},null,8,["modelValue"]),S])],64)}}};var D=y(B,[["__scopeId","data-v-2e5cd2c6"]]);const F=d=>(N("data-v-70a68e58"),d=d(),w(),d),T={class:"mt-20"},U=F(()=>t("span",null,"\u5F00\u542F/\u5173\u95EDLoading",-1)),E={__name:"demo2",setup(d){const e=f(!0),n=[{date:"2022-05-12",name:"\u540E\u88D4",address:"\u738B\u8005\u5CE1\u8C37\u4E0B\u5854\u65C1"},{date:"2022-06-13",name:"\u9C81\u73ED",address:"\u5728\u901B\u8857"},{date:"2022-07-14",name:"\u5B59\u5C1A\u9999",address:"\u5728\u6253\u7EA2buff"},{date:"2022-08-15",name:"\u72C4\u4EC1\u6770",address:"\u5728\u63A8\u5854"}];return(r,s)=>{const a=c("m-table-column"),_=c("m-table"),p=c("m-switch"),h=b("loading");return l(),v($,null,[x((l(),m(_,{data:n,"m-loading-text":"\u62FC\u547D\u52A0\u8F7D\u4E2D...","m-loading-text-color":"#fff","m-loading-icon-color":"#fff","m-loading-background":"rgba(0, 0, 0, .7)"},{default:u(()=>[o(a,{prop:"date",label:"\u65E5\u671F"}),o(a,{prop:"name",label:"\u59D3\u540D"}),o(a,{prop:"address",label:"\u5730\u5740"})]),_:1})),[[h,e.value]]),t("div",T,[o(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=g=>e.value=g)},null,8,["modelValue"]),U])],64)}}};var G=y(E,[["__scopeId","data-v-70a68e58"]]);const H=L("\u6307\u4EE4\u65B9\u5F0F"),K={__name:"demo3",setup(d){const e=f(!1),n=()=>{e.value=!0,setTimeout(()=>{e.value=!1},2e3)};return(r,s)=>{const a=c("m-button"),_=b("loading");return x((l(),m(a,{type:"primary",onClick:n},{default:u(()=>[H]),_:1})),[[_,e.value,void 0,{screen:!0}]])}}},O=L("\u670D\u52A1\u65B9\u5F0F"),X={__name:"demo4",setup(d){const e=V(),n=()=>{e.proxy.$loading.show({screen:!0,text:"Loading",icon:"icon-refresh",iconColor:"#fff",textColor:"#fff",background:"rgba(0, 0, 0, 0.8)"}),setTimeout(()=>{e.proxy.$loading.close()},2e3)};return(r,s)=>{const a=c("m-button");return l(),m(a,{type:"primary",onClick:n},{default:u(()=>[O]),_:1})}}},Y={class:"markdown-body"},j=t("h1",null,"Loading \u52A0\u8F7D",-1),q=t("h4",null,"\u52A0\u8F7D\u6570\u636E\u65F6\u663E\u793A\u52A8\u6548\u3002",-1),z=t("br",null,null,-1),A=t("h2",null,"\u57FA\u672C\u4F7F\u7528",-1),J=t("h4",null,"loading \u57FA\u672C\u4F7F\u7528\u3002",-1),M={class:"source"},P=t("h2",null,"\u81EA\u5B9A\u4E49",-1),Q=t("h4",null,"\u53EF\u81EA\u5B9A\u4E49\u52A0\u8F7D\u6587\u6848\u3001\u56FE\u6807\u548C\u80CC\u666F\u8272\u3002",-1),R={class:"source"},W=t("h2",null,"\u5168\u5C4F\u52A0\u8F7D",-1),Z=t("h4",null,"\u4F5C\u4E3A\u6307\u4EE4\u6253\u5F00\u5168\u5C4Floading\u65F6\uFF0C\u9700\u8981screen\u4FEE\u9970\u7B26\u3002",-1),tt={class:"source"},et=t("h2",null,"\u66F4\u591A\u914D\u7F6E",-1),ot=t("h4",null,"\u53EF\u4EE5\u901A\u8FC7\u83B7\u53D6\u7EC4\u4EF6\u5B9E\u4F8B\u7684\u65B9\u5F0F\u6765\u8C03\u7528\u3002\u6253\u5F00\u5168\u5C4Floading\u65F6\uFF0C\u9700\u8981\u8BBE\u7F6Escreen\u5C5E\u6027",-1),dt={class:"source"},at=k("<br><h2>Options</h2><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u53EF\u9009\u503C</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>screen</td><td>\u662F\u5426\u4F5C\u4E3A\u5168\u5C4Floading</td><td>boolean</td><td>\u2014</td><td><code>false</code></td></tr><tr><td>text</td><td>Loading\u7684\u6587\u5B57\u63D0\u793A</td><td>string</td><td>\u2014</td><td><code>\u6B63\u5728\u52A0\u8F7D\u4E2D...</code></td></tr><tr><td>icon</td><td>Loading\u7684\u52A0\u8F7D\u56FE\u6807</td><td>string</td><td>\u2014</td><td>\u2014</td></tr><tr><td>text-color</td><td>Loading\u7684\u6587\u5B57\u989C\u8272</td><td>string</td><td>\u2014</td><td><code>#515a6e</code></td></tr><tr><td>icon-color</td><td>Loading\u7684\u56FE\u6807\u989C\u8272</td><td>string</td><td>\u2014</td><td><code>#2d8cf0</code></td></tr><tr><td>background</td><td>Loading\u7684\u80CC\u666F\u8272</td><td>string</td><td>\u2014</td><td><code>#fff</code></td></tr></tbody></table><br>",4),mt={__name:"doc",setup(d,{expose:e}){return e({frontmatter:{}}),(r,s)=>(l(),v("div",Y,[j,q,z,A,J,t("div",M,[o(D)]),o(i,{compName:"loading",demoName:"demo1"}),P,Q,t("div",R,[o(G)]),o(i,{compName:"loading",demoName:"demo2"}),W,Z,t("div",tt,[o(K)]),o(i,{compName:"loading",demoName:"demo3"}),et,ot,t("div",dt,[o(X)]),o(i,{compName:"loading",demoName:"demo4"}),at]))}};export{mt as default};