dm-vue3-ui/lib/date-picker/panel/preset/index.vue.js

This Components Library will help get you started developing in Vue 3.

"use strict";const e=require("ant-design-vue/es"),t=require("vue"),s=require("../../utils/config"),l={class:"dm-date-picker__preset"},a=t.defineComponent({__name:"index",props:{customPresetValues:{default:()=>[]}},emits:["change"],setup(a,{expose:n,emit:r}){const c=a,o=t.computed((()=>c.customPresetValues.length?c.customPresetValues:s.presetValues));let u=t.ref(-1);const i=r;return n({setValue:(e,t)=>{let s=o.value.findIndex((s=>s.startTime==e&&s.endTime==t));u.value=s}}),(s,a)=>{const n=e.Tag;return t.openBlock(),t.createElementBlock("div",l,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,((e,s)=>(t.openBlock(),t.createBlock(n,{key:s,class:t.normalizeClass([{"active-tag":t.unref(u)==s}]),onClick:e=>(e=>{u.value=e;let t=o.value[e];i("change",{date:[t.startTime,t.endTime],type:"preset"})})(s)},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.label),1)])),_:2},1032,["class","onClick"])))),128))])}}});module.exports=a;