@sdata/web-vue 4.5.0 → 4.5.2

package/es/calendar/modules/drag-and-drop.js

@@ -1,4 +1,4 @@
-import { reactive } from 'vue';
+import { onBeforeUnmount, reactive } from 'vue';
 
 import { pxToPercentage, percentageToMinutes } from '../utils/conversions';
 import { eventRangeViolatesAllowEvents } from '../utils/special-hours-allow-events';
@@ -13,16 +13,39 @@ let pressPrevOrNextInterval = null;
 const viewBeforeDrag = reactive({ id: null, date: null }); // To go back if cancelling.
 let viewChanged = false;
 let cancelViewChange = true;
-const dragOverCell = reactive({ el: null, cell: null, timeout: null });
+const dragOverCell = reactive({ el: null, cell: null, timeout: null, calendarUid: null });
+function clearDragHover() {
+  clearTimeout(dragOverCell.timeout);
+  if (dragOverCell.cell) {
+    dragOverCell.cell.highlighted = false;
+    dragOverCell.cell.highlightedSchedule = null;
+  }
+  Object.assign(dragOverCell, { el: null, cell: null, timeout: null, calendarUid: null });
+}
 const dragging = reactive({
   eventId: null,
   fromCalendar: null,
   toCalendar: null,
+  removeSource: null,
 });
 
 export function useDragAndDrop(calendar) {
   const { config, view, eventsManager, emit, uid: calendarUid, dateUtils } = calendar;
   const prefixCls = calendar.prefixCls;
+  let disposed = false;
+  onBeforeUnmount(() => {
+    disposed = true;
+    if (dragOverCell.calendarUid === calendarUid || dragging.fromCalendar === calendarUid)
+      clearDragHover();
+    if (dragging.fromCalendar === calendarUid) {
+      Object.assign(dragging, {
+        eventId: null,
+        fromCalendar: null,
+        toCalendar: null,
+        removeSource: null,
+      });
+    } else if (dragging.toCalendar === calendarUid) dragging.toCalendar = null;
+  });
 
   /**
    * Calculate event start time based on cursor position.
@@ -129,6 +152,15 @@ export function useDragAndDrop(calendar) {
 
     dragging.eventId = event._.id;
     dragging.fromCalendar = calendarUid;
+    dragging.removeSource = () => {
+      if (disposed) return;
+      // Moving is governed by drag eligibility, independently of the delete control.
+      const index = config.events.findIndex((item) => item._.id === event._.id);
+      if (index === -1) return;
+      config.events.splice(index, 1);
+      emit('update:events', config.events);
+      emit('event-delete', event);
+    };
 
     // Emit `event-drag-start` and return the updated event.
     // `external` is when the event is not coming from this Calendar instance.
@@ -160,24 +192,16 @@ export function useDragAndDrop(calendar) {
    * @param {Object} event The event being dragged.
    */
   const eventDragEnd = (e, event) => {
+    clearDragHover();
     dragging.eventId = null;
 
     e.target
       .closest(`.${prefixCls}__event`)
       .classList.remove(`${prefixCls}__event--dragging-original`);
 
-    // If an event is dragged from a Calendar instance and dropped in a different one, remove the
-    // event from the first one.
-    const { fromCalendar, toCalendar } = dragging;
-    // First check if the destination is a Calendar (toCalendar), then the event can be deleted from
-    // the source.
-    // This is to prevent the event from being deleted when dragging and dropping to nowhere.
-    // When dropping the event to an external source, the event has to be deleted manually.
-    if (toCalendar && fromCalendar !== toCalendar) eventsManager.deleteEvent(event._.id, 3);
-
     // When dropping the event, cancel view change if no cell received the event (in cellDragDrop).
     if (viewChanged && cancelViewChange && viewBeforeDrag.id) {
-      view.switchView(viewBeforeDrag.id, viewBeforeDrag.date, true);
+      view.switch(viewBeforeDrag.id, viewBeforeDrag.date);
     }
 
     // Emit `event-drag-end` and return the updated event.
@@ -190,6 +214,7 @@ export function useDragAndDrop(calendar) {
 
     dragging.fromCalendar = null;
     dragging.toCalendar = null;
+    dragging.removeSource = null;
     calendar.touch.isDraggingEvent = false; // For the global dragging class and cursor.
   };
 
@@ -208,18 +233,28 @@ export function useDragAndDrop(calendar) {
 
     // Cancel dragEnter event if hovering a child.
     if (e.currentTarget.contains(e.relatedTarget)) return;
-    if (target === dragOverCell.el || !target.className.includes(`${prefixCls}__cell-content`))
+    if (target === dragOverCell.el || !target.classList.contains(`${prefixCls}__cell`))
       return false;
 
     // Un-highlight the previous cell.
     if (dragOverCell.el) dragOverCell.cell.highlighted = false;
 
-    Object.assign(dragOverCell, { el: target, cell, timeout: clearTimeout(dragOverCell.timeout) });
+    Object.assign(dragOverCell, {
+      el: target,
+      cell,
+      calendarUid,
+      timeout: clearTimeout(dragOverCell.timeout),
+    });
     cell.highlighted = true;
 
     // On `years`, `year` & `month` views, go to narrower view on drag and hold.
     if (['years', 'year', 'month'].includes(view.id)) {
-      dragOverCell.timeout = setTimeout(() => calendar.switchToNarrowerView(cellDate), 2000);
+      dragOverCell.timeout = setTimeout(() => {
+        if (view.narrowerView) {
+          viewChanged = true;
+          view.switch(view.narrowerView, cellDate);
+        }
+      }, 2000);
     }
   };
 
@@ -275,6 +310,10 @@ export function useDragAndDrop(calendar) {
    * @param {Boolean} allDay Whether the event is dropped as all-day.
    */
   const cellDragDrop = async (e, cell, allDay = false) => {
+    const sourceCalendar = dragging.fromCalendar;
+    const sourceEventId = dragging.eventId;
+    const removeSource = dragging.removeSource;
+    const external = sourceCalendar !== calendarUid;
     // Needed to prevent navigation to the text set in dataTransfer from eventDragStart().
     e.preventDefault();
 
@@ -396,29 +435,40 @@ export function useDragAndDrop(calendar) {
       acceptDrop = false;
     } else if (dropEventHandler) {
       // acceptDrop may be false, true or a modified event object.
-      acceptDrop = await dropEventHandler({
-        e,
-        event: { ...event, start: newStart, end: newEnd, schedule: newSchedule },
-        overlaps: event.getOverlappingEvents({
-          start: newStart,
-          end: newEnd,
-          schedule: newSchedule,
-        }),
-        cell,
-        external: dragging.fromCalendar !== calendarUid,
-      });
+      try {
+        acceptDrop = await dropEventHandler({
+          e,
+          event: { ...event, start: newStart, end: newEnd, schedule: newSchedule },
+          overlaps: event.getOverlappingEvents({
+            start: newStart,
+            end: newEnd,
+            schedule: newSchedule,
+          }),
+          cell,
+          external,
+        });
+      } catch (error) {
+        console.warn('Calendar: Event drop handler rejected the drop.', error);
+        acceptDrop = false;
+      }
       // Can externally use event.isOverlapping() to check if the event overlaps with other events.
     }
     // If the event drop is accepted, add the event to the events array (source of truth).
-    if (acceptDrop !== false) onAcceptedDrop(acceptDrop);
+    if (disposed) return;
+    if (acceptDrop !== false) {
+      onAcceptedDrop(acceptDrop);
+      if (event && external) removeSource?.();
+    }
 
     // Refresh event metadata so the index and display reflect the new position.
     if (event && acceptDrop !== false) eventsManager.refreshEventMeta(event);
 
     cell.highlighted = false;
     cell.highlightedSchedule = null;
-    cancelViewChange = false;
-    dragging.toCalendar = calendarUid;
+    if (dragging.fromCalendar === sourceCalendar && dragging.eventId === sourceEventId) {
+      cancelViewChange = acceptDrop === false;
+      dragging.toCalendar = acceptDrop === false ? null : calendarUid;
+    }
 
     // Emit `event-dropped` and return the updated event.
     // `external` is when the event is not coming from this Calendar instance.
@@ -427,7 +477,7 @@ export function useDragAndDrop(calendar) {
       cell,
       event,
       originalEvent: incomingEvent,
-      external: dragging.fromCalendar !== calendarUid,
+      external,
     });
   };
 

package/es/calendar/utils/conversions.d.ts

@@ -1,3 +1,3 @@
-export function minutesToPercentage(minutes: number, config: any): number;
-export function percentageToMinutes(percentage: number, config: any): number;
-export function pxToPercentage(y: number, containerEl: HTMLElement): number;
+export declare const minutesToPercentage: (minutes: number, config: any) => number;
+export declare const percentageToMinutes: (percentage: number, config: any) => number;
+export declare const pxToPercentage: (y: number, containerEl: HTMLElement) => number;

package/es/calendar/utils/date.d.ts

@@ -1,26 +1,48 @@
-export function createDateUtils(): {
-    addDays: (date: any, days: any) => Date;
-    subtractDays: (date: any, days: any) => Date;
-    addHours: (date: any, hours: any) => Date;
-    subtractHours: (date: any, hours: any) => Date;
-    addMinutes: (date: any, minutes: any) => Date;
-    subtractMinutes: (date: any, minutes: any) => Date;
-    snapToInterval: (input: number | Date, interval: number) => number | void;
-    getWeek: (date: any) => number;
-    isToday: (date: any) => boolean;
-    isSameDate: (date1: any, date2: any) => boolean;
-    isInRange: (date: any, rangeStart: any, rangeEnd: any) => boolean;
-    isLeapYear: (date: any) => boolean | 0;
-    getPreviousFirstDayOfWeek: (date: any) => Date;
-    stringToDate: (date: any) => Date;
-    dateToMinutes: (date: any) => any;
-    countDays: (start: any, end: any) => number;
-    datesInSameTimeStep: (date1: any, date2: any, timeStep: any) => boolean;
-    isValid: (date: any) => any;
-    formatDate: (date: Date, format?: string, _txts?: Object) => string;
-    formatDateLite: (date: any) => string;
-    formatTime: (date: Date | number, format?: string, _txts?: Object, round?: boolean) => string;
-    formatTimeLite: (date: any) => string;
-    formatMinutes: (minutes: any) => string;
+declare const formatDateLite: (date: any) => string;
+declare const formatTimeLite: (date: any) => string;
+declare const formatMinutes: (minutes: any) => string;
+declare const addDays: (date: any, days: any) => Date;
+declare const subtractDays: (date: any, days: any) => Date;
+declare const addHours: (date: any, hours: any) => Date;
+declare const subtractHours: (date: any, hours: any) => Date;
+declare const addMinutes: (date: any, minutes: any) => Date;
+declare const subtractMinutes: (date: any, minutes: any) => Date;
+declare const isToday: (date: any) => boolean;
+declare const isSameDate: (date1: any, date2: any) => boolean;
+declare const isInRange: (date: any, rangeStart: any, rangeEnd: any) => boolean;
+declare const isValid: (date: any) => any;
+declare const isLeapYear: (date: any) => 0 | boolean;
+declare const getWeek: (date: any) => number;
+declare const getPreviousFirstDayOfWeek: (date: any, startWeekOnSunday?: boolean) => Date;
+declare const stringToDate: (date: any) => Date;
+declare const dateToMinutes: (date: any) => any;
+declare const countDays: (start: any, end: any) => number;
+declare const datesInSameTimeStep: (date1: any, date2: any, timeStep: any) => boolean;
+declare const snapToInterval: (input: number | Date, interval: number) => number | void;
+export declare const createDateUtils: (getLocale?: () => undefined) => {
+    addDays: typeof addDays;
+    subtractDays: typeof subtractDays;
+    addHours: typeof addHours;
+    subtractHours: typeof subtractHours;
+    addMinutes: typeof addMinutes;
+    subtractMinutes: typeof subtractMinutes;
+    snapToInterval: typeof snapToInterval;
+    getWeek: typeof getWeek;
+    isToday: typeof isToday;
+    isSameDate: typeof isSameDate;
+    isInRange: typeof isInRange;
+    isLeapYear: typeof isLeapYear;
+    getPreviousFirstDayOfWeek: typeof getPreviousFirstDayOfWeek;
+    stringToDate: typeof stringToDate;
+    dateToMinutes: typeof dateToMinutes;
+    countDays: typeof countDays;
+    datesInSameTimeStep: typeof datesInSameTimeStep;
+    isValid: typeof isValid;
+    formatDate: (date: any, format?: string, texts?: null) => string;
+    formatDateLite: typeof formatDateLite;
+    formatTime: (date: any, format?: string, texts?: null, round?: boolean) => string;
+    formatTimeLite: typeof formatTimeLite;
+    formatMinutes: typeof formatMinutes;
     updateTexts: () => void;
 };
+export {};

package/es/calendar/utils/date.js

@@ -43,11 +43,12 @@ const formatTimeLite = (date) => {
  * @param {Object} _txts deprecated — kept for API compatibility, no longer used.
  * @return {String} the formatted date.
  */
-const formatDate = (date, format = 'YYYY-MM-DD', _txts = null) => {
+const formatDate = (date, format = 'YYYY-MM-DD', _txts = null, locale) => {
   if (!format) format = 'YYYY-MM-DD';
   // Fast path for the most common format.
   if (format === 'YYYY-MM-DD') return formatDateLite(date);
-  return dayjs(date).format(mapTokens(format));
+  const value = dayjs(date);
+  return (locale ? value.locale(locale) : value).format(mapTokens(format));
 };
 
 /**
@@ -59,7 +60,7 @@ const formatDate = (date, format = 'YYYY-MM-DD', _txts = null) => {
  * @param {Boolean} round if time is 23:59:59, rounds up to 24:00 for formatting only.
  * @return {String} the formatted time.
  */
-const formatTime = (date, format = 'HH:mm', _txts = null, round = false) => {
+const formatTime = (date, format = 'HH:mm', _txts = null, round = false, locale) => {
   let shouldRound = false;
   if (round && date instanceof Date) {
     const [h, m, s] = [date.getHours(), date.getMinutes(), date.getSeconds()];
@@ -80,6 +81,7 @@ const formatTime = (date, format = 'HH:mm', _txts = null, round = false) => {
   }
 
   const dayjsFormat = mapTokens(format);
+  if (locale) d = d.locale(locale);
   let formatted = d.format(dayjsFormat);
 
   // Round 23:59:59 to 24:00 for display.
@@ -146,16 +148,21 @@ const isLeapYear = (date) => {
 
 /**
  * Returns the ISO week number for the given date.
- * The locale's `weekStart` must be set via `initializeDateLocale()` beforehand
- * so that `dayjs.week()` returns the correct value.
+ * ISO numbering is independent of the display locale and first visible weekday.
  */
-const getWeek = (date) => dayjs(date).week();
+const getWeek = (date) => dayjs(date).isoWeek();
 
 /**
  * Returns the first day of the week containing `date`.
- * Respects the locale's `weekStart` setting configured via `initializeDateLocale()`.
+ * Uses this calendar's week-start setting independently of the global date locale.
  */
-const getPreviousFirstDayOfWeek = (date) => dayjs(date).startOf('week').toDate();
+const getPreviousFirstDayOfWeek = (date, startWeekOnSunday = false) => {
+  const start = new Date(date);
+  const firstWeekday = startWeekOnSunday ? 0 : 1;
+  start.setDate(start.getDate() - ((start.getDay() - firstWeekday + 7) % 7));
+  start.setHours(0, 0, 0, 0);
+  return start;
+};
 
 /**
  * Converts a string or Date to a JavaScript Date object.
@@ -224,7 +231,7 @@ const snapToInterval = (input, interval) => {
  * The returned method signatures are kept stable so that component files
  * need no changes.
  */
-export const createDateUtils = () => ({
+export const createDateUtils = (getLocale = () => undefined) => ({
   addDays,
   subtractDays,
   addHours,
@@ -243,9 +250,11 @@ export const createDateUtils = () => ({
   countDays,
   datesInSameTimeStep,
   isValid,
-  formatDate,
+  formatDate: (date, format = 'YYYY-MM-DD', texts = null) =>
+    formatDate(date, format, texts, getLocale()),
   formatDateLite,
-  formatTime,
+  formatTime: (date, format = 'HH:mm', texts = null, round = false) =>
+    formatTime(date, format, texts, round, getLocale()),
   formatTimeLite,
   formatMinutes,
   // Kept as no-op for backward compat (config.js calls it).

package/es/calendar/utils/special-hours-allow-events.d.ts

@@ -1,28 +1,28 @@
-export function eventRangeViolatesAllowEvents({ start, end, schedule, disallowed, hasSchedules, }: Date): boolean;
-export function maxValidEndForFixedStart(start: any, endCandidate: any, schedule: any, disallowed: any, hasSchedules: any): any;
-export function minValidStartForFixedEnd(end: any, startCandidate: any, schedule: any, disallowed: any, hasSchedules: any): any;
-export function clampDragCreateDayMinutes({ anchorDayMinutes, cursorDayMinutes, snappedLow, snappedHigh, cellDate, schedule, disallowed, hasSchedules, }: {
+export declare const eventRangeViolatesAllowEvents: ({ start, end, schedule, disallowed, hasSchedules, }: Date) => boolean;
+export declare const maxValidEndForFixedStart: (start: any, endCandidate: any, schedule: any, disallowed: any, hasSchedules: any) => any;
+export declare const minValidStartForFixedEnd: (end: any, startCandidate: any, schedule: any, disallowed: any, hasSchedules: any) => any;
+export declare const clampDragCreateDayMinutes: ({ anchorDayMinutes, cursorDayMinutes, snappedLow, snappedHigh, cellDate, schedule, disallowed, hasSchedules, }: {
     anchorDayMinutes: any;
-    cursorDayMinutes: any;
-    snappedLow: any;
-    snappedHigh: any;
     cellDate: any;
-    schedule: any;
+    cursorDayMinutes: any;
     disallowed: any;
     hasSchedules: any;
-}): {
+    schedule: any;
+    snappedHigh: any;
+    snappedLow: any;
+}) => {
     low: any;
     high: any;
 };
-export function clampResizeProposedRange({ proposedStart, proposedEnd, prevStart, prevEnd, schedule, disallowed, hasSchedules, }: {
-    proposedStart: any;
-    proposedEnd: any;
-    prevStart: any;
-    prevEnd: any;
-    schedule: any;
+export declare const clampResizeProposedRange: ({ proposedStart, proposedEnd, prevStart, prevEnd, schedule, disallowed, hasSchedules, }: {
     disallowed: any;
     hasSchedules: any;
-}): {
+    prevEnd: any;
+    prevStart: any;
+    proposedEnd: any;
+    proposedStart: any;
+    schedule: any;
+}) => {
     start: any;
     end: any;
 };

package/es/card/card-actions.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getAllElements } from "../_utils/vue-utils.js";
 import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref } from "vue";

package/es/card/card-grid.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { cardInjectionKey } from "./context.js";
-import { computed, createElementBlock, defineComponent, inject, normalizeClass, onMounted, openBlock, renderSlot } from "vue";
+import { computed, createElementBlock, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot } from "vue";
 //#region components/card/card-grid.vue?vue&type=script&setup=true&lang.ts
 var card_grid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CardGrid" }), {}, {
 	__name: "card-grid",
@@ -19,7 +19,10 @@ hoverable: {
 		const prefixCls = getPrefixCls("card-grid");
 		const context = inject(cardInjectionKey);
 		onMounted(() => {
-			if (context) context.hasGrid = true;
+			if (context) context.gridCount++;
+		});
+		onBeforeUnmount(() => {
+			if (context) context.gridCount--;
 		});
 		const cls = computed(() => {
 			return [prefixCls, { [`${prefixCls}-hoverable`]: props.hoverable }];

package/es/card/{card-meta.vue.d.ts → card-meta.vue.d.vue.ts}

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-export declare const SIZES: readonly ["default", "small"];
+export declare const SIZES: readonly ['default', 'small'];
 export type SizeType = (typeof SIZES)[number];
 declare const _default: typeof __VLS_export;
 export default _default;

package/es/card/card-meta.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { cardInjectionKey } from "./context.js";
 import card_actions_default from "./card-actions.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region components/card/card-meta.vue?vue&type=script&setup=true&lang.ts
 var card_meta_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "CardMeta" }), {}, {
 	__name: "card-meta",
@@ -15,26 +15,29 @@ var card_meta_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const slots = useSlots();
 		const prefixCls = getPrefixCls("card-meta");
 		const context = inject(cardInjectionKey, void 0);
-		const hasTitle = computed(() => {
+		const hasTitle = () => {
 			var _slots$title;
 			return Boolean((_slots$title = slots.title) !== null && _slots$title !== void 0 ? _slots$title : props.title);
-		});
-		const hasDescription = computed(() => {
+		};
+		const hasDescription = () => {
 			var _slots$description;
 			return Boolean((_slots$description = slots.description) !== null && _slots$description !== void 0 ? _slots$description : props.description);
-		});
+		};
 		onMounted(() => {
-			if (context) context.hasMeta = true;
+			if (context) context.metaCount++;
+		});
+		onBeforeUnmount(() => {
+			if (context) context.metaCount--;
 		});
 		return (_ctx, _cache) => {
 			var _unref2, _unref3;
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [hasTitle.value || hasDescription.value ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [hasTitle() || hasDescription() ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-content`)
-			}, [hasTitle.value ? (openBlock(), createElementBlock("div", {
+			}, [hasTitle() ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-title`)
-			}, [_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2)) : createCommentVNode("", true), hasDescription.value ? (openBlock(), createElementBlock("div", {
+			}, [_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2)) : createCommentVNode("", true), hasDescription() ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: normalizeClass(`${unref(prefixCls)}-description`)
 			}, [_ctx.$slots.description ? renderSlot(_ctx.$slots, "description", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.description), 1)], 64))], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), _ctx.$slots.avatar || ((_unref2 = unref(context)) === null || _unref2 === void 0 ? void 0 : _unref2.slots.actions) ? (openBlock(), createElementBlock("div", {

package/es/card/card.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useSize } from "../_hooks/use-size.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";
@@ -53,19 +53,25 @@ var card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const { scrollbarProps } = useScrollbar(toRef(props, "scrollbar"));
 		const scrollEnabled = computed(() => props.fullHeight && props.scrollbar !== false);
 		const cardContext = reactive({
-			hasMeta: false,
-			hasGrid: false,
+			metaCount: 0,
+			gridCount: 0,
+			get hasMeta() {
+				return this.metaCount > 0;
+			},
+			get hasGrid() {
+				return this.gridCount > 0;
+			},
 			slots
 		});
 		provide(cardInjectionKey, cardContext);
-		const hasTitle = computed(() => {
+		const hasTitle = () => {
 			var _slots$title;
 			return Boolean((_slots$title = slots.title) !== null && _slots$title !== void 0 ? _slots$title : props.title);
-		});
-		const hasExtra = computed(() => {
+		};
+		const hasExtra = () => {
 			var _slots$extra;
 			return Boolean((_slots$extra = slots.extra) !== null && _slots$extra !== void 0 ? _slots$extra : props.extra);
-		});
+		};
 		const cls = computed(() => [
 			prefixCls,
 			`${prefixCls}-size-${mergedSize.value}`,
@@ -83,14 +89,14 @@ var card_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		}]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, { class: cls.value }), [
-				hasTitle.value || hasExtra.value ? (openBlock(), createElementBlock("div", {
+				hasTitle() || hasExtra() ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass([`${unref(prefixCls)}-header`, { [`${unref(prefixCls)}-header-no-title`]: !hasTitle.value }]),
+					class: normalizeClass([`${unref(prefixCls)}-header`, { [`${unref(prefixCls)}-header-no-title`]: !hasTitle() }]),
 					style: normalizeStyle(__props.headerStyle)
-				}, [hasTitle.value ? (openBlock(), createElementBlock("div", {
+				}, [hasTitle() ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-header-title`)
-				}, [_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2)) : createCommentVNode("", true), hasExtra.value ? (openBlock(), createElementBlock("div", {
+				}, [_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.title), 1)], 64))], 2)) : createCommentVNode("", true), hasExtra() ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-header-extra`)
 				}, [_ctx.$slots.extra ? renderSlot(_ctx.$slots, "extra", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(__props.extra), 1)], 64))], 2)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true),

package/es/card/context.d.ts

@@ -1,5 +1,7 @@
 import type { InjectionKey, Slots } from 'vue';
 export interface CardContext {
+    metaCount: number;
+    gridCount: number;
     hasMeta: boolean;
     hasGrid: boolean;
     slots: Slots;