@pisell/materials 6.11.36 → 6.11.38

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarDaySelectionBar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type SelectedSlotLike } from '../utils/bookingCalendarDateUtils';
+export declare type BookingCalendarDaySelectionBarProps = {
+    slotStepHours: number;
+    selectedFreeSlots: SelectedSlotLike[];
+    selectedBlockSlots: SelectedSlotLike[];
+    deselectAll: () => void;
+    openSelectedBlocks: () => void;
+    onOpenBlockPanel: () => void;
+    createBookingFromSelection: () => void;
+};
+/** 日视图底部：多选空闲 / 锁台后的固定操作条 */
+export declare function BookingCalendarDaySelectionBar({ slotStepHours, selectedFreeSlots, selectedBlockSlots, deselectAll, openSelectedBlocks, onOpenBlockPanel, createBookingFromSelection, }: BookingCalendarDaySelectionBarProps): JSX.Element | null;

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarDaySelectionBar.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { isFreeSelectionContiguousSameResource } from "../utils/bookingCalendarDateUtils";
+import { tCal } from "../calendarI18n";
+/** 日视图底部：多选空闲 / 锁台后的固定操作条 */
+export function BookingCalendarDaySelectionBar(_ref) {
+  var slotStepHours = _ref.slotStepHours,
+    selectedFreeSlots = _ref.selectedFreeSlots,
+    selectedBlockSlots = _ref.selectedBlockSlots,
+    deselectAll = _ref.deselectAll,
+    openSelectedBlocks = _ref.openSelectedBlocks,
+    onOpenBlockPanel = _ref.onOpenBlockPanel,
+    createBookingFromSelection = _ref.createBookingFromSelection;
+  if (selectedFreeSlots.length === 0 && selectedBlockSlots.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "fixed bottom-6 left-1/2 z-50 -translate-x-1/2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex max-w-[92vw] flex-wrap items-center justify-center gap-3 rounded-2xl border border-white/10 bg-black/55 px-4 py-3 shadow-2xl shadow-black/40 backdrop-blur-xl"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: deselectAll,
+    className: "rounded-xl bg-red-500/85 px-4 py-2 text-sm font-semibold text-white hover:bg-red-500"
+  }, tCal('pisell2.recordBoard.calendar.day.deselectAll')), selectedBlockSlots.length > 0 && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: openSelectedBlocks,
+    className: "rounded-xl bg-zinc-500/90 px-5 py-3 text-sm font-semibold text-white hover:bg-zinc-400"
+  }, tCal('pisell2.recordBoard.calendar.day.openSlot')), selectedFreeSlots.length > 0 && isFreeSelectionContiguousSameResource(selectedFreeSlots, slotStepHours) && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: onOpenBlockPanel,
+    className: "rounded-xl bg-zinc-500/90 px-5 py-3 text-sm font-semibold text-white hover:bg-zinc-400"
+  }, tCal('pisell2.recordBoard.calendar.day.block')), selectedFreeSlots.length > 0 && /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: createBookingFromSelection,
+    className: "rounded-xl bg-violet-600 px-6 py-3 text-sm font-semibold text-white hover:bg-violet-500"
+  }, tCal('pisell2.recordBoard.calendar.day.createBooking'))));
+}

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarDayView.d.ts

@@ -0,0 +1,56 @@
+/** 日视图：横向虚拟滚动时间轴 + 资源行，预约条按 lane 叠放与 +N 溢出 */
+import React from 'react';
+import type { RecordBoardCalendarProps } from '../../../types';
+/** 日视图（含底部多选操作条） */
+export declare function BookingCalendarDayView(dayProps: {
+    calendarProps: RecordBoardCalendarProps;
+    isLight: boolean;
+    view: string;
+    anchorDate: Date;
+    dayKey: string;
+    hourSlots: number[];
+    resolvedSlotMinutes: number;
+    slotColWidth: number;
+    firstTimelineHour: number;
+    endTimelineExclusive: number;
+    isBusinessHour: (h: number) => boolean;
+    dayHourRemaining: Record<number, {
+        remaining: number;
+        total: number;
+        ratio: number;
+    }>;
+    timelinePxPerHour: number;
+    dayContentHeight: number;
+    dayRowHeights: number[];
+    visibleCourtRows: any[];
+    overlayBookings: any[];
+    dayOverlayOverflowPluses: any[];
+    setCollapsedGroups: React.Dispatch<React.SetStateAction<any>>;
+    visibleCourts: any[];
+    bookings: any[];
+    slotStepHours: number;
+    isFreeSelected: (courtId: string, hour: number) => boolean;
+    isBlockSelected: (courtId: string, hour: number) => boolean;
+    toggleSlot: (courtId: string, hour: number) => void;
+    handleDropMove: (courtId: string, date: string, hour: number) => void;
+    hiddenDayOverlayIdSet: Set<string>;
+    courtDayDisplayLaneCount: Record<string, number>;
+    openBookingDetail: (item: any) => void;
+    setDraggingItem: (item: any) => void;
+    setNavDirection: (n: number) => void;
+    commitAnchor: (d: Date) => void;
+    setFocusedCourtId: (id: string | null) => void;
+    setOverflowListModal: React.Dispatch<React.SetStateAction<any>>;
+    selectedFreeSlots: any[];
+    selectedBlockSlots: any[];
+    deselectAll: () => void;
+    openSelectedBlocks: () => void;
+    onOpenBlockPanel: () => void;
+    createBookingFromSelection: () => void;
+    focusedCourtId: string | null;
+    dayRowRemainingByCourt: Record<string, {
+        remaining: number;
+        total: number;
+        ratio: number;
+    }>;
+}): JSX.Element;