mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
2 lines
5.5 KiB
JavaScript
2 lines
5.5 KiB
JavaScript
var $=Object.defineProperty,j=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var B=(c,t,l)=>t in c?$(c,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):c[t]=l,M=(c,t)=>{for(var l in t||(t={}))E.call(t,l)&&B(c,l,t[l]);if(U)for(var l of U(t))L.call(t,l)&&B(c,l,t[l]);return c},S=(c,t)=>j(c,A(t));import{d as q,a as n,n as G,b as D,w as d,e as r,A as J,f as _,g as p,i as o,B as K,h as u,t as I,k as Q,l as W,v as X,F as Z,C as ee,D as te,_ as ae}from"./index-DRkpZp5K.js";const m=c=>(ee("data-v-39a2b8f2"),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=q({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(""),k=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(""),b=n(),y=n("auto"),g=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 F(a,e){t.value!=="disabled"&&(y.value=a.title,w.value[e]=Object.assign(S(M({},a),{checked:!a.checked})),g.value.map(h=>h.checked=!1),g.value[e].checked=w.value[e].checked,w.value[e].checked?b.value.handleOpen():b.value.handleClose())}return G(t,a=>a==="disabled"?l.value="default":l.value=t.value),(a,e)=>{const h=r("el-link"),i=r("el-radio"),C=r("el-radio-group"),V=r("el-space"),f=r("el-date-picker"),H=r("el-check-tag"),O=r("el-card"),R=J("tippy");return _(),D(O,{shadow:"never",style:{height:"100vh"}},{header:d(()=>[p("div",le,[o(V,{wrap:"",size:40},{default:d(()=>[K((_(),D(h,{href:"https://element-plus.org/zh-CN/component/datetime-picker.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:d(()=>[u(" 日期时间选择器 ")]),_:1})),[[R,{content:"点击查看详细文档"}]]),o(C,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=s=>t.value=s)},{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})]),o(h,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/datetime-picker.vue",target:"_blank"},{default:d(()=>[u(" 代码位置 src/views/components/datetime-picker.vue ")]),_: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:k.value,"onUpdate:modelValue":e[2]||(e[2]=s=>k.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":k.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(()=>[(_(!0),Q(Z,null,W(g.value,(s,Y)=>(_(),D(H,{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:b,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-39a2b8f2"]]);export{ve as default};
|