eslink-ui-plus
Version:
vue3 component library, css framework
61 lines (60 loc) • 6.07 kB
JavaScript
(function(e,p){typeof exports=="object"&&typeof module!="undefined"?module.exports=p(require("vue"),require("dayjs"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","dayjs","element-plus"],p):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-search-single-date-picker"]=p(e.Vue,e.dayjs,e.ElementPlus))})(this,function(e,p,f){"use strict";function h(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var _=h(p),r=e.defineComponent({components:{ElPopover:f.ElPopover},props:{styles:{type:Object,default:()=>({})},label:{type:[String,Number],default:""},value:{type:[String,Number],default:""},useSlot:{type:Boolean,default:!0},class:{type:String,default:""},panelClass:{type:String,default:""},popoverClass:{type:String,default:""}},emits:["open","close"],setup(t,{emit:l,slots:s}){const a=e.ref(!1),o=e.ref(null);return{panelVisible:a,closePanel:()=>{a.value=!1},slots:s,popoverEl:o,emit:l}}});e.pushScopeId("data-v-8823a666");const b={key:1,class:"es-search-label__container"},y={key:0,class:"es-search-label__container__label"},k={key:1,class:"es-search-label__container__label"},g={key:2,class:"es-search-label__container__value"},S={key:3,class:"es-search-label__container__value"},v=e.createElementVNode("div",{class:"es-search-label__container__icon es-icon-arrow-down-s-fill"},null,-1);e.popScopeId();function E(t,l,s,a,o,m){const u=e.resolveComponent("el-popover");return e.openBlock(),e.createBlock(u,{ref:"popoverEl",placement:"bottom-start",offset:6,width:"unset","hide-after":0,"popper-class":`el-popover--no-padding ${t.popoverClass}`,visible:t.panelVisible,"onUpdate:visible":l[0]||(l[0]=n=>t.panelVisible=n),onShow:l[1]||(l[1]=n=>t.emit("open")),onHide:l[2]||(l[2]=n=>t.emit("close"))},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["es-search-label",t.class]),style:e.normalizeStyle(t.styles)},[t.slots.main?e.renderSlot(t.$slots,"main",{key:0}):(e.openBlock(),e.createElementBlock("div",b,[t.slots.label?(e.openBlock(),e.createElementBlock("div",y,[e.renderSlot(t.$slots,"label")])):(e.openBlock(),e.createElementBlock("div",k,e.toDisplayString(t.label),1)),t.slots.value?(e.openBlock(),e.createElementBlock("div",g,[e.renderSlot(t.$slots,"value")])):(e.openBlock(),e.createElementBlock("div",S,e.toDisplayString(t.value),1)),v]))],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["es-search-label__slot",t.panelClass])},[e.renderSlot(t.$slots,"panel",{closePanel:t.closePanel,popoverEl:t.popoverEl})],2)]),_:3},8,["popper-class","visible"])}function c(t,l){l===void 0&&(l={});var s=l.insertAt;if(!(!t||typeof document=="undefined")){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",s==="top"&&a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}var $=`.es-search-label[data-v-8823a666] {
font-size: 14px;
line-height: 20px;
display: inline-block;
cursor: pointer;
}
.es-search-label__container[data-v-8823a666] {
display: flex;
}
.es-search-label__container__label[data-v-8823a666] {
color: #7a7c90;
}
.es-search-label__container__icon[data-v-8823a666] {
width: 16px;
height: 16px;
margin-left: 4px;
}
.es-search-label__container__icon[data-v-8823a666]::before {
color: #a7baf1;
}`;c($);var C=`.el-popover--no-padding {
padding: 0 !important;
}
.el-popover.el-popper {
min-width: unset !important;
}
.el-popper__arrow {
display: none;
}`;c(C),r.render=E,r.__scopeId="data-v-8823a666",r.__file="components/search-label/index.vue",r.install=t=>{t.component("es-search-label",r)};var i=e.defineComponent({components:{ElDatePicker:f.ElDatePicker,EsSearchLabel:r},props:{value:[String,Number],label:[String,Number],defaultValue:[String,Number],modelValue:String,type:{type:String,default:"date"}},emits:["update:modelValue","done"],setup(t,{emit:l}){const s=n=>{const d=t.type==="date"?"YYYY-MM-DD":"YYYY-MM-DD HH:mm:ss";return _.default(n).format(d)},a=e.computed({get(){var n;return(n=t.modelValue)!=null?n:""},set(n){n===null?n="":n=n?s(n):"",l("update:modelValue",n),l("done",n)}}),o=e.computed(()=>t.type==="datetime"?"table":"none"),m=()=>{const n=document.querySelector(".es-search-single-date-time-picker__panel .el-date-picker__time-header");n&&(n.style.display=o.value)};return{valueModel:e.computed(()=>a.value?s(a.value):""),datePickerModel:a,setDatePickerHeader:m}}});function V(t,l,s,a,o,m){const u=e.resolveComponent("es-search-label"),n=e.resolveComponent("el-date-picker");return e.openBlock(),e.createElementBlock("div",{class:"es-search-single-date-time-picker",onClick:l[1]||(l[1]=(...d)=>t.setDatePickerHeader&&t.setDatePickerHeader(...d))},[e.createVNode(u,{label:t.label,value:t.valueModel||t.defaultValue},null,8,["label","value"]),e.createVNode(n,e.mergeProps({class:"es-search-single-date-time-picker__input"},t.$attrs,{modelValue:t.datePickerModel,"onUpdate:modelValue":l[0]||(l[0]=d=>t.datePickerModel=d),type:"datetime",placement:"bottom-start","popper-class":"es-search-single-date-time-picker__panel"}),null,16,["modelValue"])])}var B=`.es-search-single-date-time-picker[data-v-dfa770b6] {
position: relative;
}
.es-search-single-date-time-picker[data-v-dfa770b6] .el-date-editor {
height: 20px;
line-height: 20px;
border: 0;
padding: 0;
}`;c(B);var w=`.es-search-single-date-time-picker__input {
position: absolute !important;
left: 0;
width: 100% !important;
opacity: 0;
}
.el-range__close-icon,
.el-range__icon {
display: none !important;
}
.el-date-editor {
width: unset;
}
.el-range-separator {
height: 20px !important;
line-height: 20px !important;
}
.el-date-picker-rewrite {
position: unset !important;
box-shadow: unset !important;
border: 0 !important;
}
.el-date-picker-rewrite .el-popper__arrow {
display: none;
}`;return c(w),i.render=V,i.__scopeId="data-v-dfa770b6",i.__file="components/search-single-date-picker/index.vue",i.install=t=>{t.component("es-search-single-date-picker",i)},i});