vue-pure-admin/static/js/time-picker-CbdhqyCH.js

2 lines
4.7 KiB
JavaScript

import{d as H,a as o,n as M,k as P,e as x,f as l,w as s,g as i,h as r,z as T,b as A,j as m,A as R}from"./index-DMqaFtX4.js";const q={class:"card-header"},F={class:"card-header"},J=H({name:"TimePicker",__name:"time-picker",setup(G){const t=o("default"),d=o(),k=o(""),c=o(""),g=o(),U=o(new Date(2016,9,10,18,30)),v=(n,e)=>{const p=[];for(let u=n;u<=e;u++)p.push(u);return p},D=()=>v(0,16).concat(v(19,23)),S=n=>{if(n===17)return v(0,29);if(n===18)return v(31,59)},j=(n,e)=>{if(n===18&&e===30)return v(1,59)};M(t,n=>n==="disabled"?d.value="default":d.value=t.value);const _=o(""),y=o(""),V=o(""),z=o("");return(n,e)=>{const p=r("el-link"),u=r("el-radio"),E=r("el-radio-group"),w=r("el-space"),b=r("el-time-picker"),C=r("el-divider"),N=r("el-card"),f=r("el-time-select"),B=R("tippy");return x(),P("div",null,[l(N,{shadow:"never"},{header:s(()=>[i("div",q,[l(w,{wrap:"",size:40},{default:s(()=>[T((x(),A(p,{href:"https://element-plus.org/zh-CN/component/time-picker.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:s(()=>e[9]||(e[9]=[m(" 时间选择器 ")])),_:1})),[[B,{content:"点击查看详细文档"}]]),l(E,{modelValue:t.value,"onUpdate:modelValue":e[0]||(e[0]=a=>t.value=a)},{default:s(()=>[l(u,{value:"large"},{default:s(()=>e[10]||(e[10]=[m("大尺寸")])),_:1}),l(u,{value:"default"},{default:s(()=>e[11]||(e[11]=[m("默认尺寸")])),_:1}),l(u,{value:"small"},{default:s(()=>e[12]||(e[12]=[m("小尺寸")])),_:1}),l(u,{value:"disabled"},{default:s(()=>e[13]||(e[13]=[m("禁用")])),_:1})]),_:1},8,["modelValue"])]),_:1})]),l(p,{class:"mt-2",href:"https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/time-picker.vue",target:"_blank"},{default:s(()=>e[14]||(e[14]=[m(" 代码位置 src/views/components/time-picker.vue ")])),_:1})]),default:s(()=>[e[17]||(e[17]=i("div",{class:"mb-2"},"日期和时间点",-1)),l(w,{wrap:""},{default:s(()=>[e[15]||(e[15]=i("p",{class:"text-[15px]"},"鼠标滚轮进行选择",-1)),l(b,{modelValue:k.value,"onUpdate:modelValue":e[1]||(e[1]=a=>k.value=a),placeholder:"请选择时间",class:"w-[140px]!",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"]),e[16]||(e[16]=i("p",{class:"text-[15px]"},"箭头进行选择",-1)),l(b,{modelValue:c.value,"onUpdate:modelValue":e[2]||(e[2]=a=>c.value=a),"arrow-control":"",placeholder:"请选择时间",class:"w-[140px]!",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"])]),_:1}),l(C),e[18]||(e[18]=i("div",{class:"mb-2"},"限制时间选择范围",-1)),l(b,{modelValue:U.value,"onUpdate:modelValue":e[3]||(e[3]=a=>U.value=a),class:"w-[140px]!","disabled-hours":D,"disabled-minutes":S,"disabled-seconds":j,placeholder:"Arbitrary time",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"]),l(C),e[19]||(e[19]=i("div",{class:"mb-2"},"任意时间范围",-1)),l(b,{modelValue:g.value,"onUpdate:modelValue":e[4]||(e[4]=a=>g.value=a),class:"w-[220px]!","is-range":"","range-separator":"至","start-placeholder":"开始时间","end-placeholder":"结束时间",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"])]),_:1}),l(N,{shadow:"never",class:"mt-4"},{header:s(()=>[i("div",F,[T((x(),A(p,{href:"https://element-plus.org/zh-CN/component/time-select.html",target:"_blank",style:{"font-size":"16px","font-weight":"800"}},{default:s(()=>e[20]||(e[20]=[m(" 时间选择 ")])),_:1})),[[B,{content:"点击查看详细文档"}]])])]),default:s(()=>[e[21]||(e[21]=i("div",{class:"mb-2"},"固定时间点",-1)),l(f,{modelValue:_.value,"onUpdate:modelValue":e[5]||(e[5]=a=>_.value=a),placeholder:"请选择时间",class:"w-[140px]!",start:"08:30",step:"00:15",end:"18:30",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"]),e[22]||(e[22]=i("div",{class:"mb-2 mt-4"},"时间格式",-1)),l(f,{modelValue:y.value,"onUpdate:modelValue":e[6]||(e[6]=a=>y.value=a),placeholder:"请选择时间",class:"w-[140px]!",start:"00:00",step:"00:30",end:"23:59",format:"hh:mm A",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","size","disabled"]),e[23]||(e[23]=i("div",{class:"mb-2 mt-4"},"固定时间范围",-1)),l(w,{wrap:""},{default:s(()=>[l(f,{modelValue:V.value,"onUpdate:modelValue":e[7]||(e[7]=a=>V.value=a),placeholder:"开始时间",class:"w-[140px]!","max-time":z.value,start:"08:30",step:"00:15",end:"18:30",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","max-time","size","disabled"]),l(f,{modelValue:z.value,"onUpdate:modelValue":e[8]||(e[8]=a=>z.value=a),placeholder:"结束时间",class:"w-[140px]!","min-time":V.value,start:"08:30",step:"00:15",end:"18:30",size:d.value,disabled:t.value==="disabled"},null,8,["modelValue","min-time","size","disabled"])]),_:1})]),_:1})])}}});export{J as default};