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