@pisell/materials 6.11.37 → 6.11.38

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowPopover.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type CalendarBookingSegmentInput } from '../utils/bookingCalendarDateUtils';
+export declare type MonthGridOverflowVirtualListProps = {
+    items: CalendarBookingSegmentInput[];
+    listWidth: number;
+    onPickItem: (item: CalendarBookingSegmentInput) => void;
+};
+/** 月/周格「+N」悬停层内的虚拟列表（overflowPopover） */
+export declare function MonthGridOverflowVirtualList({ items, listWidth, onPickItem, }: MonthGridOverflowVirtualListProps): JSX.Element | null;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowPopover.js

@@ -0,0 +1,96 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowPopover.tsx
+var OverflowPopover_exports = {};
+__export(OverflowPopover_exports, {
+  MonthGridOverflowVirtualList: () => MonthGridOverflowVirtualList
+});
+module.exports = __toCommonJS(OverflowPopover_exports);
+var import_react = __toESM(require("react"));
+var import_react_window = require("react-window");
+var import_bookingCalendarConstants = require("../const/bookingCalendarConstants");
+var import_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils");
+function MonthGridOverflowVirtualList({
+  items,
+  listWidth,
+  onPickItem
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  const listH = Math.min(
+    items.length * import_bookingCalendarConstants.MONTH_OVERFLOW_POPOVER_ITEM_H,
+    import_bookingCalendarConstants.MONTH_OVERFLOW_POPOVER_LIST_MAX_H
+  );
+  const Row = (0, import_react.useCallback)(
+    ({ index, style }) => {
+      const extraItem = items[index];
+      if (!extraItem) return null;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            ...style,
+            boxSizing: "border-box",
+            paddingLeft: 2,
+            paddingRight: 6,
+            paddingBottom: import_bookingCalendarConstants.MONTH_OVERFLOW_POPOVER_ROW_GAP
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: (e) => {
+              e.stopPropagation();
+              onPickItem(extraItem);
+            },
+            className: `flex h-full min-h-0 w-full flex-col justify-center rounded-lg px-3 py-2 text-xs text-left ${extraItem.kind === "block" ? "bg-red-700/70 text-red-100" : "bg-violet-700/90 text-violet-50"}`
+          },
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "truncate" }, extraItem.name),
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 opacity-80" }, (0, import_bookingCalendarDateUtils.formatHourLabel)(extraItem.startHour), " -", " ", (0, import_bookingCalendarDateUtils.formatHourLabel)(extraItem.endHour))
+        )
+      );
+    },
+    [items, onPickItem]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_window.FixedSizeList,
+    {
+      height: listH,
+      itemCount: items.length,
+      itemSize: import_bookingCalendarConstants.MONTH_OVERFLOW_POPOVER_ITEM_H,
+      width: listWidth,
+      style: { overflowX: "hidden" }
+    },
+    Row
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MonthGridOverflowVirtualList
+});

package/lib/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.d.ts

@@ -0,0 +1,10 @@
+import { type CalendarBookingSegmentInput } from './bookingCalendarDateUtils';
+export declare function getDrawerStatusTheme(item: CalendarBookingSegmentInput, dateKey: string): "bg-red-700/88 border-b-4 border-red-300/55" | "bg-zinc-700/88 border-b-4 border-zinc-400/45" | "bg-zinc-700/88 border-b-4 border-red-400/75" | "bg-violet-700/92 border-b-4 border-amber-400/95" | "bg-violet-700/92 border-b-4 border-zinc-300/45" | "bg-violet-700/92 border-b-4 border-violet-300/30";
+export declare function paymentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "bg-emerald-500 text-white" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "bg-sky-500 text-white" | "theme-danger-chip border" | "bg-red-500 text-white";
+export declare function fulfillmentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "theme-danger-chip border" | "bg-emerald-600 text-white" | "bg-cyan-500 text-white" | "bg-red-600 text-white" | "border border-[var(--border-strong)] bg-[var(--bg-input)] theme-text-soft" | "bg-zinc-600 text-white" | "border border-[var(--brand-light)] bg-[var(--brand-surface)] theme-brand-text" | "bg-violet-600 text-white";
+export declare function getBookingStateClasses(item: CalendarBookingSegmentInput, dateKey: string): "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]" | "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]" | "bg-violet-700/90 border border-amber-400/80 text-violet-50" | "bg-red-700/70 text-red-100" | "bg-violet-700/90 text-violet-50";
+/**
+ * 月 / 周紧凑格：不按签到/取消/迟到等状态变色，仅区分 booking（默认紫）与 block（红）。
+ * 与 {@link getBookingStateClasses} 在无状态分支时一致，但不读取 `dateKey`。
+ */
+export declare function getGridBookingRowStateClasses(item: CalendarBookingSegmentInput): string;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.js

@@ -0,0 +1,92 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.ts
+var BookingCalendarStyle_exports = {};
+__export(BookingCalendarStyle_exports, {
+  fulfillmentTagClass: () => fulfillmentTagClass,
+  getBookingStateClasses: () => getBookingStateClasses,
+  getDrawerStatusTheme: () => getDrawerStatusTheme,
+  getGridBookingRowStateClasses: () => getGridBookingRowStateClasses,
+  paymentTagClass: () => paymentTagClass
+});
+module.exports = __toCommonJS(BookingCalendarStyle_exports);
+var import_bookingCalendarDateUtils = require("./bookingCalendarDateUtils");
+function getDrawerStatusTheme(item, dateKey) {
+  const tag = (0, import_bookingCalendarDateUtils.getDisplayStatusTag)(item, dateKey);
+  if (item.kind === "block")
+    return "bg-red-700/88 border-b-4 border-red-300/55";
+  if (tag === "cancel") return "bg-zinc-700/88 border-b-4 border-zinc-400/45";
+  if (tag === "no_show") return "bg-zinc-700/88 border-b-4 border-red-400/75";
+  if (tag === "late") return "bg-violet-700/92 border-b-4 border-amber-400/95";
+  if (tag === "checked_in")
+    return "bg-violet-700/92 border-b-4 border-zinc-300/45";
+  return "bg-violet-700/92 border-b-4 border-violet-300/30";
+}
+function paymentTagClass(label, isLight = false) {
+  switch (label) {
+    case "Paid":
+      return isLight ? "theme-success-chip border" : "bg-emerald-500 text-white";
+    case "Partial paid":
+      return isLight ? "theme-warning-chip border" : "bg-amber-500 text-white";
+    case "Refunded":
+      return isLight ? "theme-info-chip border" : "bg-sky-500 text-white";
+    case "Unpaid":
+    default:
+      return isLight ? "theme-danger-chip border" : "bg-red-500 text-white";
+  }
+}
+function fulfillmentTagClass(label, isLight = false) {
+  switch (label) {
+    case "Finished":
+      return isLight ? "theme-success-chip border" : "bg-emerald-600 text-white";
+    case "Arrived":
+      return isLight ? "theme-info-chip border" : "bg-cyan-500 text-white";
+    case "Late":
+      return isLight ? "theme-warning-chip border" : "bg-amber-500 text-white";
+    case "No-show":
+      return isLight ? "theme-danger-chip border" : "bg-red-600 text-white";
+    case "Cancelled":
+      return isLight ? "border border-[var(--border-strong)] bg-[var(--bg-input)] theme-text-soft" : "bg-zinc-600 text-white";
+    default:
+      return isLight ? "border border-[var(--brand-light)] bg-[var(--brand-surface)] theme-brand-text" : "bg-violet-600 text-white";
+  }
+}
+function getBookingStateClasses(item, dateKey) {
+  const displayTag = (0, import_bookingCalendarDateUtils.getDisplayStatusTag)(item, dateKey);
+  if (displayTag === "cancel")
+    return "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]";
+  if (displayTag === "no_show")
+    return "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]";
+  if (displayTag === "late")
+    return "bg-violet-700/90 border border-amber-400/80 text-violet-50";
+  if (item.kind === "block") return "bg-red-700/70 text-red-100";
+  return "bg-violet-700/90 text-violet-50";
+}
+function getGridBookingRowStateClasses(item) {
+  if (item.kind === "block") return "bg-red-700/70 text-red-100";
+  return "bg-violet-700/90 text-violet-50";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fulfillmentTagClass,
+  getBookingStateClasses,
+  getDrawerStatusTheme,
+  getGridBookingRowStateClasses,
+  paymentTagClass
+});

package/lib/components/pisellRecordBoard/shellFrame/Calendar/utils/bookingCalendarDateUtils.d.ts

@@ -0,0 +1,232 @@
+import type { Dayjs } from 'dayjs';
+import type { RecordBoardCalendarBookingLike } from '../../../types';
+/**
+ * 日历日期与时间轴纯函数：`fmtDate`、占用矩阵、月格、overlay 分段、周范围等，供 BookingCalendar 三视图共用。
+ */
+/** 与 {@link RecordBoardCalendarBookingLike} 一致，并支持跨日 endDate */
+export declare type CalendarBookingSegmentInput = RecordBoardCalendarBookingLike & {
+    endDate?: string;
+};
+export interface BookingSegmentForDate {
+    startHour: number;
+    endHour: number;
+    continuesPrev: boolean;
+    continuesNext: boolean;
+}
+export interface ViewNowReference {
+    dateKey: string;
+    hourFloat: number;
+}
+export declare function fmtDate(date: Date): string;
+/** 本地当前日期键与「日历时」小数小时，用于状态徽标与当前时刻线 */
+export declare function getViewNowReference(): ViewNowReference;
+export declare function parseDate(str: string): Date;
+export declare function addDays(date: Date, n: number): Date;
+export declare function startOfWeek(date: Date): Date;
+export declare function rangeDays(anchor: Date): Date[];
+export declare function isHourInTimelineSlots(hour: number, hourSlots: number[] | undefined): boolean;
+export declare function formatHourLabel(hour: number): string;
+export declare function buildTimeOptions(start?: number, end?: number, sliceMinutes?: number): number[];
+export declare function monthGrid(date: Date, bookings: CalendarBookingSegmentInput[], courtsList: {
+    id: string;
+}[] | undefined, hourSlotsIn: number[] | undefined, slotStepHours?: number): {
+    date: Date;
+    key: string;
+    inMonth: boolean;
+    bookingCount: number;
+    blockCount: number;
+    fullyBooked: boolean;
+}[];
+export declare function getBookingSegmentForDate(item: CalendarBookingSegmentInput, dateKey: string): BookingSegmentForDate | null;
+export declare function dayOccupancy(courtId: string, dateKey: string, bookings: CalendarBookingSegmentInput[], hourSlots: number[] | undefined, slotStepHours: number): Record<number, CalendarBookingSegmentInput | null>;
+export interface SelectedSlotLike {
+    courtId: string;
+    date: string;
+    hour: number;
+}
+export declare function groupSelectedSlots(slots: SelectedSlotLike[], slotStepHours?: number): Array<{
+    courtId: string;
+    date: string;
+    startHour: number;
+    endHour: number;
+}>;
+/**
+ * 日视图空闲格：仅当全部为同一 court、同一日，且时间上首尾相接成一段时返回 true（与 {@link groupSelectedSlots} 合并规则一致）。
+ */
+export declare function isFreeSelectionContiguousSameResource(slots: SelectedSlotLike[], slotStepHours?: number): boolean;
+export declare function hasConflict(bookings: CalendarBookingSegmentInput[], courtId: string, date: string, startHour: number, endHour: number, ignoreId?: string | null): boolean;
+export declare function overlappingBookings(bookings: CalendarBookingSegmentInput[], courtId: string, date: string, startHour: number, endHour: number): CalendarBookingSegmentInput[];
+export declare function courtDaySummary(courtId: string, dateKey: string, bookings: CalendarBookingSegmentInput[], hourSlots: number[] | undefined, slotStepHours: number): {
+    occupiedHours: number[];
+    hasBlock: boolean;
+    fullyBooked: boolean;
+    items: CalendarBookingSegmentInput[];
+};
+export declare function sameSlot(a: SelectedSlotLike, b: SelectedSlotLike): boolean;
+/** 营业日 `dateStr` + 浮点小时（含半格）→ dayjs */
+export declare function dayAndHourToDayjs(dateStr: string, hourFloat: number): Dayjs;
+export declare function getDisplayStatusTag(item: CalendarBookingSegmentInput, dateKey: string): string | null;
+export declare function getLateMinutes(item: CalendarBookingSegmentInput, dateKey: string): number | null;
+export declare function currentTimeLabel(): string;
+export declare function formatDateLoose(str: string | undefined): string;
+export declare function formatTimelineStamp(value: string | undefined | null): {
+    date: string;
+    time: string;
+};
+/** 日视图 overlay 条（可原地写入 lane） */
+export declare type DayOverlayLaneMutable = {
+    courtId: string;
+    start: number;
+    span: number;
+    lane?: number;
+    laneCount?: number;
+};
+/**
+ * 同一 court 上时间重叠的 overlay 分配纵向 lane，避免多张卡片完全叠在同一矩形里。
+ * 使用按开始时间排序 + 贪心：每条预约放入「上一条已结束时间不晚于本段开始」的最小编号线。
+ */
+export declare function assignDayOverlapLanesInPlace(overlays: DayOverlayLaneMutable[]): void;
+/** 扫描时间轴：同一 court 在任一时刻的最大并行条数（用于行高，与分 lane 一致） */
+export declare function maxConcurrentBookingsOnCourt(overlays: Array<{
+    courtId: string;
+    start: number;
+    span: number;
+}>, courtId: string): number;
+/** 并行超过 cap 时：cap 条内容 + 1 行「+N」占位 */
+export declare function effectiveDayOverlayDisplayLaneCount(rawConcurrent: number): number;
+/** 同一 court 下时间轴区间相交的 overlay 归为一簇（用于 3+N 合并展示） */
+export declare function clusterDayCourtOverlaysByOverlap<T extends {
+    courtId: string;
+    start: number;
+    span: number;
+}>(overlays: T[], courtId: string): T[][];
+export declare function dayOverlayHiddenKey(item: {
+    id?: string | number;
+} | null | undefined, dayKey: string, courtId: string): string;
+/**
+ * 将 totalInner 像素整数分给 n 条竖向 lane（含缝），保证 Σheight + Σgap === totalInner，消除底部留白缝。
+ */
+export declare function dayOverlayLaneMetrics(totalInner: number, laneCount: number, gap: number): {
+    topFor: (lane: number) => number;
+    heightFor: (lane: number) => number;
+};
+export interface BuildOverlayBookingRow {
+    kind: string;
+    id: string;
+}
+export interface BuiltDayOverlay {
+    item: CalendarBookingSegmentInput;
+    rowIndex: number;
+    rowTop: number;
+    rowHeight: number;
+    courtId: string;
+    start: number;
+    end: number;
+    span: number;
+    continuesNext?: boolean;
+    continuesPrev?: boolean;
+    lane?: number;
+    laneCount?: number;
+}
+export declare function buildOverlayBookings(visibleCourtRows: BuildOverlayBookingRow[], dayKey: string, bookings: CalendarBookingSegmentInput[], rowTopMap: Record<string, number> | undefined, hourSlots: number[] | undefined, dayRowHeights: number[], slotStepHours?: number): BuiltDayOverlay[];
+/** 日视图：按行高累加每行 rowTop（court / group） */
+export declare function buildDayRowTopMap(visibleCourtRows: Array<{
+    id: string;
+}>, heights: number[]): Record<string, number>;
+/** 日历状态徽标：返回 i18n key + className；文案在 UI 层通过 tCal 解析，便于 utils 单测 */
+export declare function statusTagMetaParts(tag: string | null | undefined): {
+    labelI18nKey: string;
+    className: string;
+} | null;
+export declare type CalendarCourtNameRow = {
+    id: string;
+    name?: string | null;
+};
+export declare function getBookingDetailData(item: CalendarBookingSegmentInput, courtsList?: CalendarCourtNameRow[]): {
+    rawSales: null;
+    bookingId: string;
+    orderNumber: string;
+    shopOrderNumber: string;
+    orderStatus: string;
+    appointmentStatus: string;
+    paymentStatus: string;
+    customer: {
+        id: null;
+        name: string;
+        email: string;
+        phone: string;
+    };
+    guestCount: number;
+    checkedInCount: number;
+    guests: never[];
+    schedule: {
+        startDate: string;
+        startTime: string;
+        endDate: string;
+        endTime: string;
+        duration: number;
+        arrivedAt: null;
+        completedAt: null;
+    };
+    resources: never[];
+    summaryItems: never[];
+    items: never[];
+    note: string;
+    files: {
+        form: never[];
+        uploaded: never[];
+        invoice: never[];
+    };
+    payments: never[];
+    history: never[];
+    summary: {};
+    paymentSummary: {
+        totalAmount: number;
+        paidAmount: number;
+        balanceAmount: number;
+        currencySymbol: string;
+        isFullyPaid: boolean;
+    };
+    itemSummary: {
+        itemCount: number;
+        itemQtyTotal: number;
+    };
+    headerSummary: {
+        customerName: string;
+        guestCount: number;
+        checkedInCount: number;
+        timeLabel: string;
+        resourceLabel: string;
+    };
+    headerTags: {
+        paymentTag: string;
+        fulfillmentTag: string;
+        hasNote: boolean;
+        paymentStatus: string;
+        orderStatus: string;
+    };
+    fileCount: number;
+    canChangeCustomer: boolean;
+    noteCount: number;
+    noteGroups: {
+        internal: never[];
+        order: {
+            id: string;
+            label: string;
+            text: string;
+        }[];
+        item: never[];
+    };
+    metaFlags: {
+        itemsChanged: boolean;
+        paymentsChanged: boolean;
+        guestChanged: boolean;
+        filesChanged: boolean;
+        notesChanged: boolean;
+        formChanged: boolean;
+        uploadedChanged: boolean;
+        invoiceChanged: boolean;
+        historyChanged: boolean;
+    };
+    actions: never[];
+};