vue-pure-admin/static/js/progress-DKGGvdrj.js

2 lines
2.6 KiB
JavaScript

import{u as f}from"./hooks-lfGvy6m_.js";import{d as b,b as l,e as d,w as r,g as n,f as t,h as a,j as i,u as v,t as w,z as x,A as k,_ as h}from"./index-DMqaFtX4.js";const y={class:"card-header"},C={class:"w-1/4"},N={class:"w-1/4"},z={class:"w-1/4 demo-progress"},B={class:"percentage-value"},D=b({name:"PureProgress",__name:"progress",setup(V){const u=o=>o===100?"Full":`${o}%`;return(o,e)=>{const c=a("el-link"),s=a("el-progress"),p=a("el-button"),m=a("el-card"),g=k("tippy");return d(),l(m,{shadow:"never"},{header:r(()=>[n("div",y,[x((d(),l(c,{href:"https://element-plus.org/zh-CN/component/progress.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:r(()=>e[0]||(e[0]=[i(" 进度条 ")])),_:1})),[[g,{content:"点击查看详细文档"}]])]),t(c,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/progress.vue",target:"_blank"},{default:r(()=>e[1]||(e[1]=[i(" 代码位置 src/views/components/progress.vue ")])),_:1})]),default:r(()=>[e[5]||(e[5]=n("div",{class:"mb-4"},"直线进度条动画",-1)),n("div",C,[t(s,{indeterminate:"",percentage:50,class:"mb-4"}),t(s,{indeterminate:"",percentage:100,format:u,class:"mb-4"}),t(s,{indeterminate:"",percentage:100,status:"success",class:"mb-4"}),t(s,{indeterminate:"",percentage:100,status:"warning",class:"mb-4"}),t(s,{indeterminate:"",percentage:50,status:"exception",class:"mb-4"})]),e[6]||(e[6]=n("div",{class:"mb-4"},"进度条内显示百分比标识",-1)),n("div",N,[t(s,{"text-inside":!0,"stroke-width":26,percentage:70,class:"mb-4"}),t(s,{"text-inside":!0,"stroke-width":24,percentage:100,status:"success",striped:"","striped-flow":"",duration:70,class:"mb-4"}),t(s,{"text-inside":!0,"stroke-width":22,percentage:80,status:"warning",class:"mb-4"}),t(s,{"text-inside":!0,"stroke-width":20,percentage:50,status:"exception",striped:"","striped-flow":"",class:"mb-4"})]),e[7]||(e[7]=n("div",{class:"mb-4"},"自定义内容",-1)),n("div",z,[t(s,{percentage:50},{default:r(()=>[t(p,{text:""},{default:r(()=>e[2]||(e[2]=[i("自定义内容")])),_:1})]),_:1}),t(s,{"text-inside":!0,"stroke-width":20,percentage:50,status:"exception"},{default:r(()=>e[3]||(e[3]=[n("span",null,"自定义内容",-1)])),_:1}),t(s,{type:"circle",percentage:100,status:"success"},{default:r(()=>[t(p,{type:"success",icon:v(f)("ep:check"),circle:""},null,8,["icon"])]),_:1}),t(s,{type:"dashboard",percentage:80},{default:r(({percentage:_})=>[n("span",B,w(_)+"%",1),e[4]||(e[4]=n("span",{class:"percentage-label"},"上升率",-1))]),_:1})])]),_:1})}}}),j=h(D,[["__scopeId","data-v-6c25c8ff"]]);export{j as default};