| 1 |
- import{c as m}from"./mobile.js";import{_ as v}from"./index.js";import{a as A,m as c,r as p,e as g,g as o,j as t,k as a,B as f,C as F,o as k,l as _}from"./vendor.js";const{createDemo:B}=m("circleprogress"),C=B({props:{},setup(){const e=A({radius:50,strokeOutWidth:10,backColor:"#d9d9d9",progressColor:"red"}),s=c(50),n=c(10),d=c(!0);return{progressOption:e,isAuto:d,setAddVal:()=>{n.value=10,!(s.value>=100)&&(s.value+=10)},setReduceVal:()=>{if(s.value-10<=0){n.value=0,s.value=0;return}s.value-=10},percent:s}}}),r=e=>(f("data-v-9b1a0cfa"),e=e(),F(),e),E={class:"demo full"},V=r(()=>o("h2",null,"\u57FA\u7840\u7528\u6CD5",-1)),b={class:"demo__piece"},D=r(()=>o("h2",null,"\u73AF\u5F62\u8FDB\u5EA6\u6761\u81EA\u5B9A\u4E49\u6837\u5F0F",-1)),y={class:"demo__piece"},I=r(()=>o("h2",null,"\u73AF\u5F62\u8FDB\u5EA6\u6761\u81EA\u5B9A\u4E49\u5185\u5BB9",-1)),j={class:"demo__piece"},w=r(()=>o("div",null,"\u81EA\u5B9A\u4E49",-1)),O=r(()=>o("h2",null,"\u52A8\u6001\u6539\u53D8\u73AF\u5F62\u8FDB\u5EA6\u6761\u7684\u8FDB\u5EA6",-1)),$={class:"demo__piece"},N={class:"demo__btn"},R=_("\u51CF\u5C11"),S=_("\u589E\u52A0");function W(e,s,n,d,l,h){const u=p("nut-circleprogress"),i=p("nut-button");return k(),g("div",E,[V,o("div",b,[t(u,{progress:10})]),D,o("div",y,[t(u,{progress:50,"progress-option":e.progressOption},null,8,["progress-option"])]),I,o("div",j,[t(u,{progress:50,"is-auto":e.isAuto},{default:a(()=>[w]),_:1},8,["is-auto"])]),O,o("div",$,[t(u,{progress:e.percent,"progress-option":e.progressOption,"stroke-inner-width":e.strokeInnerWidth},null,8,["progress","progress-option","stroke-inner-width"])]),o("div",N,[t(i,{type:"primary",onClick:e.setReduceVal},{default:a(()=>[R]),_:1},8,["onClick"]),t(i,{type:"primary",onClick:e.setAddVal},{default:a(()=>[S]),_:1},8,["onClick"])])])}var z=v(C,[["render",W],["__scopeId","data-v-9b1a0cfa"]]);export{z as default};
|
