maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 4.87 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"../../chunks/_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,Transition,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,openBlock,ref,renderList,unref,withCtx}from"vue";import '../../assets/MazPickerCalendar.snBBsmEq.css';var _hoisted_1={class:`maz-picker-calendar flex`};var MazPickerCalendar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendar`,props:{modelValue:{},calendarDate:{},color:{},locale:{},inline:{type:Boolean},firstDayOfWeek:{},double:{type:Boolean},minDate:{},maxDate:{},disabledWeekly:{},disabledDates:{},shortcuts:{type:[Array,Boolean]},hasTime:{type:Boolean},shortcut:{},disabled:{type:Boolean},range:{type:Boolean}},emits:[`update:model-value`,`update:calendar-date`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let MazPickerCalendarMonth=defineAsyncComponent(()=>import(`./MazPickerCalendarMonth/MazPickerCalendarMonth.js`));let MazPickerCalendarSwitcher=defineAsyncComponent(()=>import(`./MazPickerCalendarSwitcher.js`));let MazPickerMonthSwitcher=defineAsyncComponent(()=>import(`./MazPickerMonthSwitcher.js`));let MazPickerShortcuts=defineAsyncComponent(()=>import(`./MazPickerShortcuts.js`));let MazPickerYearSwitcher=defineAsyncComponent(()=>import(`./MazPickerYearSwitcher.js`));let hoverredDay=ref();let hasShortcuts=computed(()=>props.shortcuts&&props.shortcuts.length>0&&props.range);let monthSwitcherOpen=ref(!1);let yearSwitcherOpen=ref(!1);let currentValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let months=computed(()=>Array.from({length:props.double?2:1},(_v,i)=>i));let calendarDate=computed({get:()=>props.calendarDate,set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[hasShortcuts.value&&__props.shortcuts?(openBlock(),createBlock(unref(MazPickerShortcuts),{key:0,modelValue:currentValue.value,"onUpdate:modelValue":_cache[0]||=$event=>currentValue.value=$event,color:__props.color,shortcuts:__props.shortcuts,shortcut:__props.shortcut,double:__props.double,disabled:__props.disabled},null,8,[`modelValue`,`color`,`shortcuts`,`shortcut`,`double`,`disabled`])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz-picker-calendar__main`,{"--has-double":__props.double}])},[createVNode(unref(MazPickerCalendarSwitcher),{"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[1]||=$event=>calendarDate.value=$event,locale:__props.locale,double:__props.double,onOpenMonthSwitcher:_cache[2]||=$event=>monthSwitcherOpen.value=!0,onOpenYearSwitcher:_cache[3]||=$event=>yearSwitcherOpen.value=!0},null,8,[`calendar-date`,`locale`,`double`]),createVNode(Transition,{name:`maz-picker-slide`},{default:withCtx(()=>[monthSwitcherOpen.value?(openBlock(),createBlock(unref(MazPickerMonthSwitcher),{key:0,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[4]||=$event=>calendarDate.value=$event,color:__props.color,double:__props.double,locale:__props.locale,onClose:_cache[5]||=$event=>monthSwitcherOpen.value=!1},null,8,[`calendar-date`,`color`,`double`,`locale`])):createCommentVNode(``,!0)]),_:1}),createVNode(Transition,{name:`maz-picker-slide`},{default:withCtx(()=>[yearSwitcherOpen.value?(openBlock(),createBlock(unref(MazPickerYearSwitcher),{key:0,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[6]||=$event=>calendarDate.value=$event,color:__props.color,locale:__props.locale,onClose:_cache[7]||=$event=>yearSwitcherOpen.value=!1},null,8,[`calendar-date`,`color`,`locale`])):createCommentVNode(``,!0)]),_:1}),createElementVNode(`div`,{class:normalizeClass([`maz-picker-calendar__months`,{"--is-range":__props.range}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(months.value,month=>(openBlock(),createBlock(unref(MazPickerCalendarMonth),{key:month,modelValue:currentValue.value,"onUpdate:modelValue":_cache[8]||=$event=>currentValue.value=$event,"hoverred-day":hoverredDay.value,"onUpdate:hoverredDay":_cache[9]||=$event=>hoverredDay.value=$event,"calendar-date":calendarDate.value,locale:__props.locale,"has-time":__props.hasTime,inline:__props.inline,color:__props.color,"offset-month":month,"first-day-of-week":__props.firstDayOfWeek,"min-date":__props.minDate,"max-date":__props.maxDate,disabled:__props.disabled,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,range:__props.range},null,8,[`modelValue`,`hoverred-day`,`calendar-date`,`locale`,`has-time`,`inline`,`color`,`offset-month`,`first-day-of-week`,`min-date`,`max-date`,`disabled`,`disabled-weekly`,`disabled-dates`,`range`]))),128))],2)],2)]))}}),[[`__scopeId`,`data-v-5c47cb02`]]);export{MazPickerCalendar_default as default};