VCalendarEvent.mjs 958 B

123456789101112131415161718192021222324252627282930
  1. import { createVNode as _createVNode } from "vue";
  2. // Components
  3. import { VBadge } from "../../components/VBadge/index.mjs";
  4. import { VChip } from "../../components/VChip/index.mjs"; // Utilities
  5. import { genericComponent, propsFactory, useRender } from "../../util/index.mjs";
  6. export const makeVCalendarEventProps = propsFactory({
  7. allDay: Boolean,
  8. day: Object,
  9. event: Object
  10. }, 'VCalendarEvent');
  11. export const VCalendarEvent = genericComponent()({
  12. name: 'VCalendarEvent',
  13. props: makeVCalendarEventProps(),
  14. setup(props) {
  15. useRender(() => _createVNode(VChip, {
  16. "color": props.allDay ? 'primary' : undefined,
  17. "density": "comfortable",
  18. "label": props.allDay,
  19. "width": "100%"
  20. }, {
  21. default: () => [_createVNode(VBadge, {
  22. "inline": true,
  23. "dot": true,
  24. "color": props.event?.color
  25. }, null), props.event?.title]
  26. }));
  27. return {};
  28. }
  29. });
  30. //# sourceMappingURL=VCalendarEvent.mjs.map