| 1 |
- var t=Object.defineProperty,e=Object.defineProperties,r=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,c=(e,r,n)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n;import{c as s}from"./mobile.50598c96.js";import{a as p,s as i,r as o,o as u,c as d,f,i as _,j as v}from"./vendor.870c33cc.js";import"./index.65da50cd.js";const{createDemo:b}=s("steps");var h=b({props:{},setup(){const t=p({current1:1,current2:1,current3:1,current4:1,current5:1});return s=((t,e)=>{for(var r in e||(e={}))l.call(e,r)&&c(t,r,e[r]);if(n)for(var r of n(e))a.call(e,r)&&c(t,r,e[r]);return t})({},i(t)),e(s,r({handleStep:e=>{t[e]>=3?t[e]=1:t[e]+=1}}));var s}});const y={class:"demo padding"},g=f("h2",null,"基本用法",-1),m={class:"steps-wrapper"},j=v("1"),w=v("2"),x=v("3"),O={class:"steps-button"},P=v("下一步"),S=f("h2",null,"标题和描述信息",-1),k={class:"steps-wrapper"},C=v("1"),D={class:"steps-button",style:{"margin-top":"10px"}},E=v("下一步"),I=f("h2",null,"自定义图标",-1),q={class:"steps-wrapper"},z=v("1"),A=v("2"),B=v("3"),F=f("h2",null,"竖向步骤条",-1),G={class:"steps-wrapper",style:{height:"300px",padding:"15px 30px"}},H=v("1"),J=v("2"),K=v("3"),L=f("h2",null,"竖向步骤条",-1),M={class:"steps-wrapper",style:{height:"300px",padding:"15px 40px"}},N=v("1"),Q=v("2"),R=v("3");h.render=function(t,e,r,n,l,a){const c=o("nut-step"),s=o("nut-steps"),p=o("nut-button");return u(),d("div",y,[g,f("div",m,[f(s,{current:t.current1},{default:_((()=>[f(c,{title:"步骤一"},{default:_((()=>[j])),_:1}),f(c,{title:"步骤二"},{default:_((()=>[w])),_:1}),f(c,{title:"步骤三"},{default:_((()=>[x])),_:1})])),_:1},8,["current"]),f("div",O,[f(p,{type:"danger",onClick:e[1]||(e[1]=e=>t.handleStep("current1"))},{default:_((()=>[P])),_:1})])]),S,f("div",k,[f(s,{current:t.current2},{default:_((()=>[f(c,{title:"步骤一",content:"步骤描述"},{default:_((()=>[C])),_:1}),f(c,{title:"步骤二",content:"步骤描述"}),f(c,{title:"步骤三",content:"步骤描述"})])),_:1},8,["current"]),f("div",D,[f(p,{type:"danger",onClick:e[2]||(e[2]=e=>t.handleStep("current2"))},{default:_((()=>[E])),_:1})])]),I,f("div",q,[f(s,{current:"1"},{default:_((()=>[f(c,{title:"已完成",icon:"service"},{default:_((()=>[z])),_:1}),f(c,{title:"进行中",icon:"people"},{default:_((()=>[A])),_:1}),f(c,{title:"未开始",icon:"location2"},{default:_((()=>[B])),_:1})])),_:1})]),F,f("div",G,[f(s,{direction:"vertical",current:"2"},{default:_((()=>[f(c,{title:"已完成",content:"您的订单已经打包完成，商品已发出"},{default:_((()=>[H])),_:1}),f(c,{title:"进行中",content:"您的订单正在配送途中"},{default:_((()=>[J])),_:1}),f(c,{title:"未开始",content:"收货地址为：北京市经济技术开发区科创十一街18号院京东大厦"},{default:_((()=>[K])),_:1})])),_:1})]),L,f("div",M,[f(s,{direction:"vertical","progress-dot":"",current:"2"},{default:_((()=>[f(c,{title:"已完成",content:"您的订单已经打包完成，商品已发出"},{default:_((()=>[N])),_:1}),f(c,{title:"进行中",content:"您的订单正在配送途中"},{default:_((()=>[Q])),_:1}),f(c,{title:"未开始",content:"<p>收货地址为：</p><p>北京市经济技术开发区科创十一街18号院京东大厦</p>"},{default:_((()=>[R])),_:1})])),_:1})])])};export default h;
|
