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

该项目是基于`element-plus`二次封装组件，使用的技术栈为`vue3` + `typescript` + `element-plus`。在此项目当中，我们会基于`element-plus`的组件库已有组件封装如下组件: - 图标选择器 - 时间选择器 - 城市选择器 - 省市区选择器 - 通知菜单 - 趋势标记 - 评论 - 数据列表 - 数值统计 - 倒计时 - 分割面板 - 时间轴 - 弹框拓展 - 进度条拓展 - 导航菜单拓展 - 可配置项表格 - 可配置项表单 - 日历

(function(e,a){typeof exports=="object"&&typeof module!="undefined"?module.exports=a(require("vue")):typeof define=="function"&&define.amd?define(["vue"],a):(e=typeof globalThis!="undefined"?globalThis:e||self,e.index=a(e.Vue))})(this,function(e){"use strict";const a={style:{display:"flex"}},u={style:{"margin-right":"20px"}},f=e.defineComponent({props:{startPlaceholder:{type:String,default:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4"},endPlaceholder:{type:String,default:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4"},startTimeStart:{type:String,default:"08:00"},startStep:{type:String,default:"00:30"},startTimeEnd:{type:String,default:"24:00"},endTimeStart:{type:String,default:"08:00"},endStep:{type:String,default:"00:30"},endTimeEnd:{type:String,default:"24:00"}},emits:["startChange","endChange"],setup(t,{emit:o}){let d=e.ref(""),l=e.ref(""),s=e.ref(!0);return e.watch(()=>d.value,n=>{n===""?(l.value="",s.value=!0):(s.value=!1,o("startChange",n))}),e.watch(()=>l.value,n=>{n!==""&&o("endChange",{startTime:d.value,endTime:n})}),(n,r)=>{const m=e.resolveComponent("el-time-select");return e.openBlock(),e.createElementBlock("div",a,[e.createElementVNode("div",u,[e.createVNode(m,e.mergeProps({modelValue:e.unref(d),"onUpdate:modelValue":r[0]||(r[0]=i=>e.isRef(d)?d.value=i:d=i),placeholder:t.startPlaceholder,start:t.startTimeStart,step:t.startStep,end:t.startTimeEnd},n.$attrs.startOptions),null,16,["modelValue","placeholder","start","step","end"])]),e.createElementVNode("div",null,[e.createVNode(m,e.mergeProps({modelValue:e.unref(l),"onUpdate:modelValue":r[1]||(r[1]=i=>e.isRef(l)?l.value=i:l=i),"min-time":e.unref(d),placeholder:t.endPlaceholder,start:t.endTimeStart,step:t.endStep,end:t.endTimeEnd,disabled:e.unref(s)},n.$attrs.endOptions),null,16,["modelValue","min-time","placeholder","start","step","end","disabled"])])])}}});var p={install(t){t.component("cc-choose-time",f)}};return p});