mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
2 lines
9.1 KiB
JavaScript
2 lines
9.1 KiB
JavaScript
import{_ as m}from"./plugin-vue_export-helper.21dcd24c.js";import{d as v,k as _,y as h,o as i,b as p,G as r,A as w,e as t,F as g,D as S,v as T,s as Y,L as M,u as I,ab as f,ac as k}from"./framework.f98c6945.js";const U={class:"demo-date-picker"},P={class:"text"},j={key:0,class:"holiday"},z=v({setup(a){const s=_("2021-10-29"),d=["2021-10-01","2021-10-02","2021-10-03","2021-10-04","2021-10-05","2021-10-06","2021-10-07"],u=({dayjs:l})=>d.includes(l.format("YYYY-MM-DD"));return(l,e)=>{const o=h("el-date-picker");return i(),p("div",U,[r(o,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=n=>s.value=n),type:"date",placeholder:"Pick a day",format:"YYYY/MM/DD","value-format":"YYYY-MM-DD"},{default:w(n=>[t("div",{class:T(["cell",{current:n.isCurrent}])},[t("span",P,g(n.text),1),u(n)?(i(),p("span",j)):S("",!0)],2)]),_:1},8,["modelValue"])])}}});var F=m(z,[["__scopeId","data-v-5b0abe54"]]),He=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:F});const C=a=>(f("data-v-48c56144"),a=a(),k(),a),O={class:"demo-date-picker"},E={class:"block"},A=C(()=>t("span",{class:"demonstration"},"set prefix-icon",-1)),L=v({setup(a){const s=_(""),d=Y({render(){return M("p","pre")}});return(u,l)=>{const e=h("el-date-picker");return i(),p("div",O,[t("div",E,[A,r(e,{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=o=>s.value=o),type:"date",placeholder:"Pick a day","prefix-icon":I(d)},null,8,["modelValue","prefix-icon"])])])}}});var R=m(L,[["__scopeId","data-v-48c56144"]]),Je=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:R});const y=a=>(f("data-v-9789fb3c"),a=a(),k(),a),W={class:"demo-date-picker"},q={class:"block"},B=y(()=>t("span",{class:"demonstration"},"Emits Date object",-1)),N={class:"demonstration"},G={class:"block"},H=y(()=>t("span",{class:"demonstration"},"Use value-format",-1)),J={class:"demonstration"},K={class:"block"},Q=y(()=>t("span",{class:"demonstration"},"Timestamp",-1)),X={class:"demonstration"},Z=v({setup(a){const s=_(""),d=_(""),u=_("");return(l,e)=>{const o=h("el-date-picker");return i(),p("div",W,[t("div",q,[B,t("div",N,"Value: "+g(s.value),1),r(o,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=n=>s.value=n),type:"date",placeholder:"Pick a Date",format:"YYYY/MM/DD"},null,8,["modelValue"])]),t("div",G,[H,t("div",J,"Value\uFF1A"+g(d.value),1),r(o,{modelValue:d.value,"onUpdate:modelValue":e[1]||(e[1]=n=>d.value=n),type:"date",placeholder:"Pick a Date",format:"YYYY/MM/DD","value-format":"YYYY-MM-DD"},null,8,["modelValue"])]),t("div",K,[Q,t("div",X,"Value\uFF1A"+g(u.value),1),r(o,{modelValue:u.value,"onUpdate:modelValue":e[2]||(e[2]=n=>u.value=n),type:"date",placeholder:"Pick a Date",format:"YYYY/MM/DD","value-format":"x"},null,8,["modelValue"])])])}}});var ee=m(Z,[["__scopeId","data-v-9789fb3c"]]),Ke=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:ee});const b=a=>(f("data-v-f9313002"),a=a(),k(),a),te={class:"demo-date-picker"},ae={class:"block"},oe=b(()=>t("span",{class:"demonstration"},"Default",-1)),le={class:"block"},se=b(()=>t("span",{class:"demonstration"},"With quick options",-1)),ne=v({setup(a){const s=_(""),d=_(""),u=[{text:"Last week",value:()=>{const l=new Date,e=new Date;return e.setTime(e.getTime()-3600*1e3*24*7),[e,l]}},{text:"Last month",value:()=>{const l=new Date,e=new Date;return e.setTime(e.getTime()-3600*1e3*24*30),[e,l]}},{text:"Last 3 months",value:()=>{const l=new Date,e=new Date;return e.setTime(e.getTime()-3600*1e3*24*90),[e,l]}}];return(l,e)=>{const o=h("el-date-picker");return i(),p("div",te,[t("div",ae,[oe,r(o,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=n=>s.value=n),type:"daterange","range-separator":"To","start-placeholder":"Start date","end-placeholder":"End date"},null,8,["modelValue"])]),t("div",le,[se,r(o,{modelValue:d.value,"onUpdate:modelValue":e[1]||(e[1]=n=>d.value=n),type:"daterange","unlink-panels":"","range-separator":"To","start-placeholder":"Start date","end-placeholder":"End date",shortcuts:u},null,8,["modelValue"])])])}}});var de=m(ne,[["__scopeId","data-v-f9313002"]]),Qe=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:de});const _e={class:"demo-date-picker"},re={class:"block"},ue=v({setup(a){const s=_(""),d=_([new Date(2e3,1,1,0,0,0),new Date(2e3,2,1,23,59,59)]);return(u,l)=>{const e=h("el-date-picker");return i(),p("div",_e,[t("div",re,[t("p",null,"Component value\uFF1A"+g(s.value),1),r(e,{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=o=>s.value=o),type:"daterange","start-placeholder":"Start date","end-placeholder":"End date","default-time":d.value},null,8,["modelValue","default-time"])])])}}});var ce=m(ue,[["__scopeId","data-v-611792b8"]]),Xe=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:ce});const $=a=>(f("data-v-875e6e72"),a=a(),k(),a),ie={class:"demo-date-picker"},pe={class:"block"},me=$(()=>t("span",{class:"demonstration"},"date",-1)),ve={class:"block"},he=$(()=>t("span",{class:"demonstration"},"daterange",-1)),fe=v({setup(a){const s=_(""),d=_("");return(u,l)=>{const e=h("el-date-picker");return i(),p("div",ie,[t("div",pe,[me,r(e,{modelValue:s.value,"onUpdate:modelValue":l[0]||(l[0]=o=>s.value=o),type:"date",placeholder:"Pick a date","default-value":new Date(2010,9,1)},null,8,["modelValue","default-value"])]),t("div",ve,[he,r(e,{modelValue:d.value,"onUpdate:modelValue":l[1]||(l[1]=o=>d.value=o),type:"daterange","start-placeholder":"Start Date","end-placeholder":"End Date","default-value":[new Date(2010,9,1),new Date(2010,10,1)]},null,8,["modelValue","default-value"])])])}}});var ke=m(fe,[["__scopeId","data-v-875e6e72"]]),Ze=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:ke});const D=a=>(f("data-v-b243f8aa"),a=a(),k(),a),ge={class:"demo-date-picker"},Ve={class:"block"},ye=D(()=>t("span",{class:"demonstration"},"Default",-1)),be={class:"block"},$e=D(()=>t("span",{class:"demonstration"},"Picker with quick options",-1)),De=v({setup(a){const s=_(""),d=_(""),u=[{text:"Today",value:new Date},{text:"Yesterday",value:()=>{const e=new Date;return e.setTime(e.getTime()-3600*1e3*24),e}},{text:"A week ago",value:()=>{const e=new Date;return e.setTime(e.getTime()-3600*1e3*24*7),e}}],l=e=>e.getTime()>Date.now();return(e,o)=>{const n=h("el-date-picker");return i(),p("div",ge,[t("div",Ve,[ye,r(n,{modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c),type:"date",placeholder:"Pick a day"},null,8,["modelValue"])]),t("div",be,[$e,r(n,{modelValue:d.value,"onUpdate:modelValue":o[1]||(o[1]=c=>d.value=c),type:"date",placeholder:"Pick a day","disabled-date":l,shortcuts:u},null,8,["modelValue"])])])}}});var xe=m(De,[["__scopeId","data-v-b243f8aa"]]),et=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:xe});const x=a=>(f("data-v-a7d141e4"),a=a(),k(),a),we={class:"demo-date-picker"},Se={class:"block"},Te=x(()=>t("span",{class:"demonstration"},"Default",-1)),Ye={class:"block"},Me=x(()=>t("span",{class:"demonstration"},"With quick options",-1)),Ie=v({setup(a){const s=_(""),d=_(""),u=[{text:"This month",value:[new Date,new Date]},{text:"This year",value:()=>{const l=new Date;return[new Date(new Date().getFullYear(),0),l]}},{text:"Last 6 months",value:()=>{const l=new Date,e=new Date;return e.setMonth(e.getMonth()-6),[e,l]}}];return(l,e)=>{const o=h("el-date-picker");return i(),p("div",we,[t("div",Se,[Te,r(o,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=n=>s.value=n),type:"monthrange","range-separator":"To","start-placeholder":"Start month","end-placeholder":"End month"},null,8,["modelValue"])]),t("div",Ye,[Me,r(o,{modelValue:d.value,"onUpdate:modelValue":e[1]||(e[1]=n=>d.value=n),type:"monthrange","unlink-panels":"","range-separator":"To","start-placeholder":"Start month","end-placeholder":"End month",shortcuts:u},null,8,["modelValue"])])])}}});var Ue=m(Ie,[["__scopeId","data-v-a7d141e4"]]),tt=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:Ue});const V=a=>(f("data-v-06d5f041"),a=a(),k(),a),Pe={class:"demo-date-picker"},je={class:"container"},ze={class:"block"},Fe=V(()=>t("span",{class:"demonstration"},"Week",-1)),Ce={class:"block"},Oe=V(()=>t("span",{class:"demonstration"},"Month",-1)),Ee={class:"container"},Ae={class:"block"},Le=V(()=>t("span",{class:"demonstration"},"Year",-1)),Re={class:"block"},We=V(()=>t("span",{class:"demonstration"},"Dates",-1)),qe=v({setup(a){const s=_(""),d=_(""),u=_(""),l=_("");return(e,o)=>{const n=h("el-date-picker");return i(),p("div",Pe,[t("div",je,[t("div",ze,[Fe,r(n,{modelValue:s.value,"onUpdate:modelValue":o[0]||(o[0]=c=>s.value=c),type:"week",format:"[Week] ww",placeholder:"Pick a week"},null,8,["modelValue"])]),t("div",Ce,[Oe,r(n,{modelValue:d.value,"onUpdate:modelValue":o[1]||(o[1]=c=>d.value=c),type:"month",placeholder:"Pick a month"},null,8,["modelValue"])])]),t("div",Ee,[t("div",Ae,[Le,r(n,{modelValue:u.value,"onUpdate:modelValue":o[2]||(o[2]=c=>u.value=c),type:"year",placeholder:"Pick a year"},null,8,["modelValue"])]),t("div",Re,[We,r(n,{modelValue:l.value,"onUpdate:modelValue":o[3]||(o[3]=c=>l.value=c),type:"dates",placeholder:"Pick one or more dates"},null,8,["modelValue"])])])])}}});var Be=m(qe,[["__scopeId","data-v-06d5f041"]]),at=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",default:Be});export{He as _,Je as a,Ke as b,Qe as c,Xe as d,Ze as e,et as f,tt as g,at as h};
|