mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
var S=Object.defineProperty,$=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var U=(u,t,a)=>t in u?S(u,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):u[t]=a,M=(u,t)=>{for(var a in t||(t={}))E.call(t,a)&&U(u,a,t[a]);if(Y)for(var a of Y(t))I.call(t,a)&&U(u,a,t[a]);return u},B=(u,t)=>$(u,A(t));import{d as L,a as n,n as q,b as _,e as k,w as d,g as m,f as o,h as c,j as i,t as N,k as G,l as J,v as K,F as Q,z as W,A as X,_ as Z}from"./index-DMqaFtX4.js";const ee={class:"card-header"},te={class:"ml-2"},le=L({name:"DateTimePicker",__name:"datetime-picker",setup(u){const t=n("default"),a=n(),D=n(""),P=[{text:"今天",value:new Date},{text:"昨天",value:()=>{const l=new Date;return l.setTime(l.getTime()-3600*1e3*24),l}},{text:"一周前",value:()=>{const l=new Date;return l.setTime(l.getTime()-3600*1e3*24*7),l}}],p=n(""),b=n(""),z=n(""),F=[{text:"上周",value:()=>{const l=new Date,e=new Date;return e.setTime(e.getTime()-3600*1e3*24*7),[e,l]}},{text:"上个月",value:()=>{const l=new Date,e=new Date;return e.setTime(e.getTime()-3600*1e3*24*30),[e,l]}},{text:"三个月前",value:()=>{const l=new Date,e=new Date;return e.setTime(e.getTime()-3600*1e3*24*90),[e,l]}}],T=n(""),g=n(),x=n("auto"),h=n([{title:"auto",checked:!1},{title:"auto-start",checked:!1},{title:"auto-end",checked:!1},{title:"top",checked:!1},{title:"top-start",checked:!1},{title:"top-end",checked:!1},{title:"bottom",checked:!1},{title:"bottom-start",checked:!1},{title:"bottom-end",checked:!1},{title:"right",checked:!1},{title:"right-start",checked:!1},{title:"right-end",checked:!1},{title:"left",checked:!1},{title:"left-start",checked:!1},{title:"left-end",checked:!1}]),w=n({});function j(l,e){t.value!=="disabled"&&(x.value=l.title,w.value[e]=Object.assign(B(M({},l),{checked:!l.checked})),h.value.map(v=>v.checked=!1),h.value[e].checked=w.value[e].checked,w.value[e].checked?g.value.handleOpen():g.value.handleClose())}return q(t,l=>l==="disabled"?a.value="default":a.value=t.value),(l,e)=>{const v=c("el-link"),r=c("el-radio"),y=c("el-radio-group"),V=c("el-space"),f=c("el-date-picker"),H=c("el-check-tag"),O=c("el-card"),R=X("tippy");return k(),_(O,{shadow:"never",style:{height:"100vh"}},{header:d(()=>[m("div",ee,[o(V,{wrap:"",size:40},{default:d(()=>[W((k(),_(v,{href:"https://element-plus.org/zh-CN/component/datetime-picker.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:d(()=>e[7]||(e[7]=[i(" 日期时间选择器 ")])),_:1})),[[R,{content:"点击查看详细文档"}]]),o(y,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=s=>t.value=s)},{default:d(()=>[o(r,{value:"large"},{default:d(()=>e[8]||(e[8]=[i("大尺寸")])),_:1}),o(r,{value:"default"},{default:d(()=>e[9]||(e[9]=[i("默认尺寸")])),_:1}),o(r,{value:"small"},{default:d(()=>e[10]||(e[10]=[i("小尺寸")])),_:1}),o(r,{value:"disabled"},{default:d(()=>e[11]||(e[11]=[i("禁用")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),o(v,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/datetime-picker.vue",target:"_blank"},{default:d(()=>e[12]||(e[12]=[i(" 代码位置 src/views/components/datetime-picker.vue ")])),_:1})]),default:d(()=>[e[16]||(e[16]=m("div",{class:"mb-2"},"日期和时间点",-1)),o(f,{modelValue:D.value,"onUpdate:modelValue":e[1]||(e[1]=s=>D.value=s),type:"datetime",class:"w-[200px]!",placeholder:"请选择日期时间",shortcuts:P,size:a.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"]),e[17]||(e[17]=m("div",{class:"mb-2 mt-4"},"日期时间格式",-1)),o(y,{modelValue:b.value,"onUpdate:modelValue":e[2]||(e[2]=s=>b.value=s),class:"mb-2",disabled:t.value==="disabled",onChange:e[3]||(e[3]=s=>p.value="")},{default:d(()=>[o(r,{value:""},{default:d(()=>e[13]||(e[13]=[i("Date")])),_:1}),o(r,{value:"YYYY-MM-DD HH:mm:ss"},{default:d(()=>e[14]||(e[14]=[i("年月日 时分秒")])),_:1}),o(r,{value:"x"},{default:d(()=>e[15]||(e[15]=[i("时间戳")])),_:1})]),_:1},8,["modelValue","disabled"]),e[18]||(e[18]=m("br",null,null,-1)),o(V,{wrap:""},{default:d(()=>[o(f,{modelValue:p.value,"onUpdate:modelValue":e[4]||(e[4]=s=>p.value=s),type:"datetime",class:"w-[200px]!",placeholder:"请选择日期时间",format:"YYYY/MM/DD hh:mm:ss","value-format":b.value,size:a.value,disabled:t.value==="disabled"},null,8,["modelValue","value-format","size","disabled"]),m("span",te,N(p.value),1)]),_:1}),e[19]||(e[19]=m("div",{class:"mb-2 mt-4"},"日期和时间范围",-1)),o(f,{modelValue:z.value,"onUpdate:modelValue":e[5]||(e[5]=s=>z.value=s),type:"datetimerange",shortcuts:F,"range-separator":"至","start-placeholder":"开始日期时间","end-placeholder":"结束日期时间","popper-options":{placement:"bottom-start"},size:a.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"]),e[20]||(e[20]=m("div",{class:"mb-2 mt-4"}," 弹出面板位置可控（如果弹出位置不足以完整展示面板会自动调整位置） ",-1)),o(V,{wrap:"",class:"w-[400px]"},{default:d(()=>[(k(!0),G(Q,null,J(h.value,(s,C)=>(k(),_(H,{key:C,class:K(["select-none",t.value==="disabled"&&"tag-disabled",s.checked&&"is-active"]),checked:s.checked,onChange:ae=>j(s,C)},{default:d(()=>[i(N(s.title),1)]),_:2},1032,["class","checked","onChange"]))),128))]),_:1}),o(f,{ref_key:"datePickerRef",ref:g,modelValue:T.value,"onUpdate:modelValue":e[6]||(e[6]=s=>T.value=s),type:"datetime",class:"ml-[15%]",placeholder:"请选择日期时间","popper-options":{placement:x.value},size:a.value,disabled:t.value==="disabled"},null,8,["modelValue","popper-options","size","disabled"])]),_:1})}}}),oe=Z(le,[["__scopeId","data-v-e1c55881"]]);export{oe as default};
|