vuetify
Version:
Vue Material Component Framework
1 lines • 8.26 kB
Source Map (JSON)
{"version":3,"file":"VDateCard.mjs","names":["makeVDatePickerControlsProps","VDatePickerControls","makeVDatePickerMonthProps","VDatePickerMonth","makeVDatePickerYearsProps","VDatePickerYears","VFadeTransition","VBtn","VCard","createDatePicker","useLocale","useProxiedModel","makeTransitionProps","MaybeTransition","genericComponent","propsFactory","useRender","makeVDateCardProps","cancelText","type","String","default","okText","inputMode","hideActions","Boolean","transition","component","leaveAbsolute","VDateCard","name","props","emits","save","cancel","value","mode","setup","_ref","emit","slots","model","t","onDisplayUpdate","val","onViewModeUpdate","onSave","onCancel","cardProps","filterProps","datePickerControlsProps","datePickerMonthProps","datePickerYearsProps","hasActions","actions","_createVNode","_mergeProps","_Fragment","viewMode","$event","undefined"],"sources":["../../../src/labs/VDatePicker/VDateCard.tsx"],"sourcesContent":["// Styles\nimport './VDateCard.sass'\n\n// Components\nimport { makeVDatePickerControlsProps, VDatePickerControls } from './VDatePickerControls'\nimport { makeVDatePickerMonthProps, VDatePickerMonth } from './VDatePickerMonth'\nimport { makeVDatePickerYearsProps, VDatePickerYears } from './VDatePickerYears'\nimport { VFadeTransition } from '@/components/transitions'\nimport { VBtn } from '@/components/VBtn'\nimport { VCard } from '@/components/VCard/VCard'\n\n// Composables\nimport { createDatePicker } from './composables'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VCardSlots } from '@/components/VCard/VCard'\n\nexport const makeVDateCardProps = propsFactory({\n cancelText: {\n type: String,\n default: '$vuetify.datePicker.cancel',\n },\n okText: {\n type: String,\n default: '$vuetify.datePicker.ok',\n },\n inputMode: {\n type: String as PropType<'keyboard' | 'calendar'>,\n default: 'calendar',\n },\n hideActions: Boolean,\n\n ...makeVDatePickerControlsProps(),\n ...makeVDatePickerMonthProps(),\n ...makeVDatePickerYearsProps(),\n ...makeTransitionProps({ transition: { component: VFadeTransition, leaveAbsolute: true } }),\n}, 'VDateCard')\n\nexport const VDateCard = genericComponent<VCardSlots>()({\n name: 'VDateCard',\n\n props: makeVDateCardProps(),\n\n emits: {\n save: () => true,\n cancel: () => true,\n 'update:displayDate': (value: any) => true,\n 'update:inputMode': (value: any) => true,\n 'update:modelValue': (value: any) => true,\n 'update:viewMode': (mode: 'month' | 'year') => true,\n },\n\n setup (props, { emit, slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const { t } = useLocale()\n\n createDatePicker(props)\n\n function onDisplayUpdate (val: any) {\n emit('update:displayDate', val)\n }\n\n function onViewModeUpdate (val: any) {\n emit('update:viewMode', val)\n }\n\n function onSave () {\n emit('update:modelValue', model.value)\n emit('save')\n }\n\n function onCancel () {\n emit('cancel')\n }\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 const hasActions = !props.hideActions || !!slots.actions\n\n return (\n <VCard\n { ...cardProps }\n class=\"v-date-card\"\n >\n {{\n ...slots,\n default: () => (\n <>\n <VDatePickerControls\n { ...datePickerControlsProps }\n onUpdate:displayDate={ onDisplayUpdate }\n onUpdate:viewMode={ onViewModeUpdate }\n />\n\n <MaybeTransition transition={ props.transition }>\n { props.viewMode === 'month' ? (\n <VDatePickerMonth\n { ...datePickerMonthProps }\n v-model={ model.value }\n onUpdate:displayDate={ onDisplayUpdate }\n />\n ) : (\n <VDatePickerYears\n { ...datePickerYearsProps }\n onUpdate:displayDate={ onDisplayUpdate }\n onUpdate:viewMode={ onViewModeUpdate }\n />\n )}\n </MaybeTransition>\n </>\n ),\n actions: !hasActions ? undefined : () => (\n <>\n { slots.actions?.() ?? (\n <>\n <VBtn onClick={ onCancel } text={ t(props.cancelText) } />\n <VBtn onClick={ onSave } text={ t(props.okText) } />\n </>\n )}\n </>\n ),\n }}\n </VCard>\n )\n })\n\n return {}\n },\n})\n\nexport type VDateCard = InstanceType<typeof VDateCard>\n"],"mappings":"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"}