vuetify/lib/labs/VDateRangePicker/VDateRangeCard.mjs.map

Vue Material Component Framework

{"version":3,"file":"VDateRangeCard.mjs","names":["makeVDatePickerControlsProps","VDatePickerControls","makeVDatePickerMonthProps","VDatePickerMonth","makeVDatePickerYearsProps","VDatePickerYears","VCard","createDatePicker","makeTransitionProps","ref","defineComponent","propsFactory","useRender","dateEmits","makeDateProps","useDate","makeVDateRangeCardProps","transition","VDateRangeCard","name","props","emits","setup","_ref","emit","adapter","hoverDate","cardProps","filterProps","datePickerControlsProps","datePickerMonthProps","datePickerYearsProps","_createVNode","_mergeProps","default","viewMode","_Fragment","displayDate","modelValue","value","$event","addMonths"],"sources":["../../../src/labs/VDateRangePicker/VDateRangeCard.tsx"],"sourcesContent":["// Styles\nimport './VDateRangeCard.sass'\n\n// Components\nimport { makeVDatePickerControlsProps, VDatePickerControls } from '../VDatePicker/VDatePickerControls'\nimport { makeVDatePickerMonthProps, VDatePickerMonth } from '../VDatePicker/VDatePickerMonth'\nimport { makeVDatePickerYearsProps, VDatePickerYears } from '../VDatePicker/VDatePickerYears'\nimport { VCard } from '@/components/VCard'\n\n// Composables\nimport { createDatePicker } from '../VDatePicker/composables'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { ref } from 'vue'\nimport { defineComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport { dateEmits, makeDateProps } from '../VDateInput/composables'\nimport { useDate } from '@/labs/date'\n\nexport const makeVDateRangeCardProps = propsFactory({\n  ...makeDateProps(),\n  ...makeVDatePickerControlsProps(),\n  ...makeVDatePickerMonthProps(),\n  ...makeVDatePickerYearsProps(),\n  ...makeTransitionProps({ transition: 'fade' }),\n}, 'VDateRangeCard')\n\nexport const VDateRangeCard = defineComponent({\n  name: 'VDateRangeCard',\n\n  props: makeVDateRangeCardProps(),\n\n  emits: {\n    ...dateEmits,\n  },\n\n  setup (props, { emit }) {\n    const adapter = useDate()\n    createDatePicker(props)\n\n    const hoverDate = ref(null)\n\n    useRender(() => {\n      const [cardProps] = VCard.filterProps(props)\n      const [datePickerControlsProps] = VDatePickerControls.filterProps(props)\n      const [datePickerMonthProps] = VDatePickerMonth.filterProps(props)\n      const [datePickerYearsProps] = VDatePickerYears.filterProps(props)\n\n      return (\n        <VCard\n          { ...cardProps }\n          class=\"v-date-range-card\"\n        >\n          { props.viewMode === 'month' ? (\n            <>\n              <div class=\"v-date-range-card__start\">\n                <VDatePickerControls\n                  { ...datePickerControlsProps }\n                  onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                  onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n                  range=\"start\"\n                />\n                <VDatePickerMonth\n                  { ...datePickerMonthProps }\n                  onUpdate:modelValue={ modelValue => emit('update:modelValue', modelValue) }\n                  v-model:hoverDate={ hoverDate.value }\n                  multiple\n                  side=\"start\"\n                />\n              </div>\n              <div class=\"v-date-range-card__divider\" />\n              <div class=\"v-date-range-card__end\">\n                <VDatePickerControls\n                  { ...datePickerControlsProps }\n                  onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                  onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n                  range=\"end\"\n                />\n                <VDatePickerMonth\n                  { ...datePickerMonthProps }\n                  onUpdate:modelValue={ modelValue => emit('update:modelValue', modelValue) }\n                  displayDate={ adapter.addMonths(props.displayDate, 1) }\n                  v-model:hoverDate={ hoverDate.value }\n                  multiple\n                  side=\"end\"\n                />\n              </div>\n            </>\n          ) : (\n            <div class=\"v-date-range-card__years\">\n              <VDatePickerControls\n                { ...datePickerControlsProps }\n                onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n              />\n              <VDatePickerYears\n                { ...datePickerYearsProps }\n                onUpdate:displayDate={ displayDate => emit('update:displayDate', displayDate) }\n                onUpdate:viewMode={ viewMode => emit('update:viewMode', viewMode) }\n              />\n            </div>\n          )}\n        </VCard>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VDateRangeCard = InstanceType<typeof VDateRangeCard>\n"],"mappings":"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"}