eslink-ui-plus/umd/search-date-picker/index.js

vue3 component library, css framework

(function(e,d){typeof exports=="object"&&typeof module!="undefined"?module.exports=d(require("vue"),require("dayjs"),require("element-plus")):typeof define=="function"&&define.amd?define(["vue","dayjs","element-plus"],d):(e=typeof globalThis!="undefined"?globalThis:e||self,e["es-search-date-picker"]=d(e.Vue,e.dayjs,e.ElementPlus))})(this,function(e,d,f){"use strict";function _(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var h=_(d),i=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(n,{emit:t,slots:s}){const o=e.ref(!1),a=e.ref(null);return{panelVisible:o,closePanel:()=>{o.value=!1},slots:s,popoverEl:a,emit:t}}});e.pushScopeId("data-v-8823a666");const y={key:1,class:"es-search-label__container"},b={key:0,class:"es-search-label__container__label"},g={key:1,class:"es-search-label__container__label"},k={key:2,class:"es-search-label__container__value"},v={key:3,class:"es-search-label__container__value"},S=e.createElementVNode("div",{class:"es-search-label__container__icon es-icon-arrow-down-s-fill"},null,-1);e.popScopeId();function $(n,t,s,o,a,m){const l=e.resolveComponent("el-popover");return e.openBlock(),e.createBlock(l,{ref:"popoverEl",placement:"bottom-start",offset:6,width:"unset","hide-after":0,"popper-class":`el-popover--no-padding ${n.popoverClass}`,visible:n.panelVisible,"onUpdate:visible":t[0]||(t[0]=r=>n.panelVisible=r),onShow:t[1]||(t[1]=r=>n.emit("open")),onHide:t[2]||(t[2]=r=>n.emit("close"))},{reference:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["es-search-label",n.class]),style:e.normalizeStyle(n.styles)},[n.slots.main?e.renderSlot(n.$slots,"main",{key:0}):(e.openBlock(),e.createElementBlock("div",y,[n.slots.label?(e.openBlock(),e.createElementBlock("div",b,[e.renderSlot(n.$slots,"label")])):(e.openBlock(),e.createElementBlock("div",g,e.toDisplayString(n.label),1)),n.slots.value?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(n.$slots,"value")])):(e.openBlock(),e.createElementBlock("div",v,e.toDisplayString(n.value),1)),S]))],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["es-search-label__slot",n.panelClass])},[e.renderSlot(n.$slots,"panel",{closePanel:n.closePanel,popoverEl:n.popoverEl})],2)]),_:3},8,["popper-class","visible"])}function c(n,t){t===void 0&&(t={});var s=t.insertAt;if(!(!n||typeof document=="undefined")){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",s==="top"&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=n:a.appendChild(document.createTextNode(n))}}var E=`.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(E);var C=`.el-popover--no-padding {
  padding: 0 !important;
}
.el-popover.el-popper {
  min-width: unset !important;
}
.el-popper__arrow {
  display: none;
}`;c(C),i.render=$,i.__scopeId="data-v-8823a666",i.__file="components/search-label/index.vue",i.install=n=>{n.component("es-search-label",i)};var p=e.defineComponent({components:{ElDatePicker:f.ElDatePicker,EsSearchLabel:i},props:{label:[String,Number],defaultValue:[String,Number],modelValue:[Array,Date],type:{type:String,default:"year",validate:n=>["year","month","monthrange"].includes(n)}},emits:["update:modelValue","done"],setup(n,{emit:t}){const s={year:"YYYY",month:"YYYY-MM",monthrange:"YYYY-MM"},o=l=>{const r=s[n.type];return n.type==="monthrange"&&!(l==null?void 0:l.length)?[]:l?n.type==="monthrange"?l.map(u=>h.default(u).format(r)):h.default(l).format(r):""},a=e.computed({get(){return n.modelValue||(n.type==="monthrange"?[]:"")},set(l){console.log(l,o(l)),t("update:modelValue",o(l)),t("done",o(l))}});return{valueModel:e.computed(()=>{var l;return a.value&&((l=a.value)==null?void 0:l.length)?n.type==="monthrange"?o(a.value).join(" - "):o(a.value):n.defaultValue}),datePickerModel:a}}});e.pushScopeId("data-v-64e75fa6");const V={class:"es-date-time-range-picker"};e.popScopeId();function B(n,t,s,o,a,m){const l=e.resolveComponent("es-search-label"),r=e.resolveComponent("el-date-picker");return e.openBlock(),e.createElementBlock("div",V,[e.createVNode(l,{label:n.label,value:n.valueModel},null,8,["label","value"]),e.createVNode(r,e.mergeProps({class:"es-date-time-range-picker__input"},n.$attrs,{modelValue:n.datePickerModel,"onUpdate:modelValue":t[0]||(t[0]=u=>n.datePickerModel=u),type:n.type,placement:"bottom-start"}),null,16,["modelValue","type"])])}var w=`.es-date-time-range-picker[data-v-64e75fa6] {
  position: relative;
}
.es-date-time-range-picker[data-v-64e75fa6] .el-date-editor {
  height: 20px;
  line-height: 20px;
  border: 0;
  padding: 0;
}`;c(w);var P=`.es-date-time-range-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(P),p.render=B,p.__scopeId="data-v-64e75fa6",p.__file="components/search-date-picker/index.vue",p.install=n=>{n.component("es-search-date-picker",p)},p});