| 1 |
- var e=Object.defineProperty,n=Object.defineProperties,t=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,o=(n,t,l)=>t in n?e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[t]=l;import{c as d}from"./mobile.a7fe37c1.js";import{_ as r}from"./index.ccbbeb9f.js";import{a as u,A as i,r as m,e as p,j as c,k as T,B as f,C as b,g as y,o as v,l as h,t as w}from"./vendor.9cc7b6f2.js";const{createDemo:O}=d("countdown"),_=O({props:{},setup(){const e=u({serverTime:Date.now()-3e4,end:Date.now()+5e4,asyncEnd:0,paused:!1,resetTime:{d:"1",h:"00",m:"00",s:"00"}});return setTimeout((()=>{e.asyncEnd=Date.now()+3e4}),3e3),d=((e,n)=>{for(var t in n||(n={}))s.call(n,t)&&o(e,t,n[t]);if(l)for(var t of l(n))a.call(n,t)&&o(e,t,n[t]);return e})({},i(e)),n(d,t({toggle:()=>{e.paused=!e.paused},onend:()=>{console.log("countdown: ended.")},onpaused:e=>{console.log("paused: ",e)},onrestart:e=>{console.log("restart: ",e)}}));var d}}),g=e=>(f("data-v-4fc80275"),e=e(),b(),e),j={class:"demo"},P=g((()=>y("h2",null,"基础用法",-1))),x=g((()=>y("h2",null,"显示天",-1))),D=g((()=>y("h2",null,"以服务端的时间为准",-1))),E=g((()=>y("h2",null,"显示为 天时分秒",-1))),k=g((()=>y("h2",null,"异步更新结束时间",-1))),C=g((()=>y("h2",null,"控制开始和暂停的倒计时",-1))),V={style:{position:"absolute",right:"10px",top:"9px"}},I=g((()=>y("h2",null,"自定义展示",-1))),R={class:"countdown-part-box"},z={class:"part-item-symbol"},A={class:"part-item h"},B=g((()=>y("span",{class:"part-item-symbol"},":",-1))),S={class:"part-item m"},U=g((()=>y("span",{class:"part-item-symbol"},":",-1))),q={class:"part-item s"},F=g((()=>y("h2",null,"自定义显示",-1))),G=g((()=>y("span",null,"可调用该组件提供的 restTime 方法获取 '天时分秒' 自定义显示",-1)));var H=r(_,[["render",function(e,n,t,l,s,a){const o=m("nut-countdown"),d=m("nut-cell"),r=m("nut-button");return v(),p("div",j,[P,c(d,null,{default:T((()=>[c(o,{endTime:e.end,onOnEnd:e.onend},null,8,["endTime","onOnEnd"])])),_:1}),x,c(d,null,{default:T((()=>[c(o,{endTime:e.end,showDays:""},null,8,["endTime"])])),_:1}),D,c(d,null,{default:T((()=>[c(o,{startTime:e.serverTime,endTime:e.end},null,8,["startTime","endTime"])])),_:1}),E,c(d,null,{default:T((()=>[c(o,{showDays:"",showPlainText:"",endTime:e.end},null,8,["endTime"])])),_:1}),k,c(d,null,{default:T((()=>[c(o,{showPlainText:"",endTime:e.asyncEnd},null,8,["endTime"])])),_:1}),C,c(d,null,{default:T((()=>[c(o,{endTime:e.end,paused:e.paused,onOnPaused:e.onpaused,onOnRestart:e.onrestart},null,8,["endTime","paused","onOnPaused","onOnRestart"]),y("div",V,[c(r,{type:"primary",size:"small",onClick:e.toggle},{default:T((()=>[h(w(e.paused?"start":"stop"),1)])),_:1},8,["onClick"])])])),_:1}),I,c(d,null,{default:T((()=>[y("span",null,[c(o,{modelValue:e.resetTime,"onUpdate:modelValue":n[0]||(n[0]=n=>e.resetTime=n),endTime:e.end},{default:T((()=>[y("div",R,[y("div",z,w(e.resetTime.d)+"天",1),y("div",A,w(e.resetTime.h),1),B,y("div",S,w(e.resetTime.m),1),U,y("div",q,w(e.resetTime.s),1)])])),_:1},8,["modelValue","endTime"])])])),_:1}),F,c(d,null,{default:T((()=>[G])),_:1})])}],["__scopeId","data-v-4fc80275"]]);export{H as default};
|
