hu-element-components/chooseTime/index.umd.js

(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue")):typeof define=="function"&&define.amd?define(["vue"],a):(e=typeof globalThis<"u"?globalThis:e||self,e.index=a(e.Vue))})(this,function(e){"use strict";const a={style:{display:"flex"}},f={style:{"margin-right":"20px"}},p=e.defineComponent({__name:"index",props:{startPlaceholder:{type:String,default:"请选择开始时间"},startTimeStart:{type:String,default:"08:00"},startStep:{type:String,default:"00:30"},startTimeEnd:{type:String,default:"24:00"},endPlaceholder:{type:String,default:"请选择结束时间"},endTimeStart:{type:String,default:"08:00"},endStep:{type:String,default:"00:30"},endTimeEnd:{type:String,default:"24:00"}},emits:["startChange","endChange"],setup(t,{emit:c}){let o=c,n=e.ref(""),d=e.ref(""),s=e.ref(!0);return e.watch(()=>n.value,l=>{l?(s.value=!1,o("startChange",l)):(d.value="",s.value=!0)}),e.watch(()=>d.value,l=>{l!==""&&o("endChange",{startTime:n.value,endTime:l})}),(l,r)=>{const m=e.resolveComponent("el-time-select");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",a,[e.createElementVNode("div",f,[e.createVNode(m,e.mergeProps({modelValue:e.unref(n),"onUpdate:modelValue":r[0]||(r[0]=i=>e.isRef(n)?n.value=i:n=i),placeholder:t.startPlaceholder,start:t.startTimeStart,step:t.startStep,end:t.startTimeEnd},l.$attrs.startOptions),null,16,["modelValue","placeholder","start","step","end"])]),e.createElementVNode("div",null,[e.createVNode(m,e.mergeProps({modelValue:e.unref(d),"onUpdate:modelValue":r[1]||(r[1]=i=>e.isRef(d)?d.value=i:d=i),"min-time":e.unref(n),placeholder:t.endPlaceholder,start:t.endTimeStart,step:t.endStep,end:t.endTimeEnd,disabled:e.unref(s)},l.$attrs.endOptions),null,16,["modelValue","min-time","placeholder","start","step","end","disabled"])])]),e.createTextVNode(" "+e.toDisplayString(e.unref(n))+" "+e.toDisplayString(e.unref(d)),1)],64)}}});return{install(t){t.component("m-choose-time",p)}}});