dm-vue3-ui/lib/date-picker/panel/real/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"),l=require("../../utils/config"),a=require("../../../i18n/index"),r=require("../../utils/index"),n={class:"dm-date-picker__real"},i={class:"quick-select-box"},u={class:"custom-time-box"},o={class:"text-span"},c=t.defineComponent({__name:"index",emits:["change"],setup(c,{expose:s,emit:d}){let v=t.ref(!1),m=t.ref(l.realTimeValues),p=t.ref(5),f=t.ref("s"),k=t.ref(-1);const x=e=>{let t=r.isTimeNumber(e);return v.value=!t,t},g=(e,t)=>{let l=m.value.findIndex((l=>l.value==e&&l.unit==t));k.value=l},h=e=>{x(e)&&g(e,f.value)},N=e=>{g(p.value,e)},V=d,y=()=>{if(x(p.value)){let e={date:[`rt-${p.value}${f.value}`,"rtnow"],type:"real"};V("change",e)}};return s({setValue:(e,t)=>{let l=e.match(/^rt-(\d+)(s|m|h|d|w|mon|q|y)$/);l&&"rtnow"==t&&(p.value=l[1],f.value=l[2],g(p.value,f.value))}}),(r,c)=>{const s=e.Tag,d=e.InputNumber,x=e.SelectOption,g=e.Select,V=e.Button;return t.openBlock(),t.createElementBlock("div",n,[t.createElementVNode("div",i,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(m),((e,l)=>(t.openBlock(),t.createBlock(s,{key:l,class:t.normalizeClass([{"active-tag":t.unref(k)==l}]),onClick:e=>(e=>{k.value=e;let t=m.value[e];p.value=t.value,f.value=t.unit})(l)},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.label),1)])),_:2},1032,["class","onClick"])))),128))]),t.createElementVNode("div",u,[t.createElementVNode("span",o,t.toDisplayString(t.unref(a.$t)("datePicker.real.earliest"))+":",1),t.createVNode(d,{id:"inputNumber",value:t.unref(p),"onUpdate:value":c[0]||(c[0]=e=>t.isRef(p)?p.value=e:p=e),min:1,onChange:h},null,8,["value"]),t.createVNode(g,{value:t.unref(f),"onUpdate:value":c[1]||(c[1]=e=>t.isRef(f)?f.value=e:f=e),onChange:N,dropdownMatchSelectWidth:!1},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l.timeUnits),((e,l)=>(t.openBlock(),t.createBlock(x,{key:l,label:e.label,value:e.value},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.label),1)])),_:2},1032,["label","value"])))),128))])),_:1},8,["value"]),t.createVNode(V,{type:"primary",onClick:y},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(t.unref(a.$t)("datePicker.confirm")),1)])),_:1})]),t.withDirectives(t.createElementVNode("div",{class:"error-text"},t.toDisplayString(t.unref(a.$t)("datePicker.invalidTime")),513),[[t.vShow,t.unref(v)]])])}}});module.exports=c;