@pisell/private-materials 6.11.125 → 6.11.126

package/lib/plus/pisellReservation/components/bookingChangeModal/index.less

@@ -0,0 +1,320 @@
+.pisell-booking-change-modal {
+  position: fixed;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  background: rgba(0, 0, 0, 0.45);
+  backdrop-filter: blur(8px);
+  opacity: 0;
+  transition: opacity 0.18s ease;
+
+  &.is-visible {
+    opacity: 1;
+  }
+
+  &.is-dark {
+    color: #ffffff;
+  }
+
+  &.is-light {
+    color: #0f172a;
+  }
+}
+
+.pisell-booking-change-modal__panel {
+  width: 100%;
+  max-width: 980px;
+  padding: 24px;
+  border: 1px solid #3f3f46;
+  border-radius: 24px;
+  background: #121217;
+  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.38);
+  transform: translateY(8px) scale(0.96);
+  transition: transform 0.18s ease, opacity 0.18s ease;
+  opacity: 0;
+}
+
+.pisell-booking-change-modal.is-visible .pisell-booking-change-modal__panel {
+  transform: translateY(0) scale(1);
+  opacity: 1;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__panel {
+  border-color: #dbe2ea;
+  background: #ffffff;
+  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.16);
+}
+
+.pisell-booking-change-modal__title {
+  font-size: 22px;
+  font-weight: 600;
+  line-height: 1.3;
+}
+
+.pisell-booking-change-modal__description {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #a1a1aa;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__description {
+  color: #64748b;
+}
+
+.pisell-booking-change-modal__body {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  margin-top: 20px;
+}
+
+.pisell-booking-change-modal__card {
+  padding: 20px;
+  border: 1px solid #3f3f46;
+  border-radius: 24px;
+  background: #171820;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__card {
+  border-color: #dbe2ea;
+  background: #f8fafc;
+}
+
+.pisell-booking-change-modal__customer {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+.pisell-booking-change-modal__customer-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.pisell-booking-change-modal__section-label {
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1.4;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  color: #71717a;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__section-label {
+  color: #64748b;
+}
+
+.pisell-booking-change-modal__customer-name {
+  margin-top: 12px;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+.pisell-booking-change-modal__customer-meta {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #a1a1aa;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__customer-meta {
+  color: #64748b;
+}
+
+.pisell-booking-change-modal__grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+
+.pisell-booking-change-modal__field {
+  min-width: 0;
+}
+
+.pisell-booking-change-modal__field-label {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #a1a1aa;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__field-label {
+  color: #64748b;
+}
+
+.pisell-booking-change-modal__control {
+  width: 100%;
+  min-height: 56px;
+  padding: 16px;
+  border: 1px solid #3f3f46;
+  border-radius: 18px;
+  outline: none;
+  background: #171820;
+  color: #ffffff;
+  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
+
+  &:focus {
+    border-color: #8b5cf6;
+    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.18);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.7;
+  }
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__control {
+  border-color: #cbd5e1;
+  background: #ffffff;
+  color: #0f172a;
+}
+
+.pisell-booking-change-modal__compare-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.pisell-booking-change-modal__compare-card {
+  padding: 16px;
+  border-radius: 18px;
+  background: #101117;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__compare-card {
+  background: #ffffff;
+  box-shadow: inset 0 0 0 1px #e2e8f0;
+}
+
+.pisell-booking-change-modal__compare-card.is-highlighted {
+  border: 1px solid rgba(139, 92, 246, 0.35);
+  background: rgba(139, 92, 246, 0.1);
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__compare-card.is-highlighted {
+  border-color: #c4b5fd;
+  background: #f5f3ff;
+}
+
+.pisell-booking-change-modal__compare-title {
+  font-size: 12px;
+  line-height: 1.4;
+  color: #c4b5fd;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__compare-title {
+  color: #6d28d9;
+}
+
+.pisell-booking-change-modal__compare-value {
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #d4d4d8;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__compare-value {
+  color: #334155;
+}
+
+.pisell-booking-change-modal__error {
+  margin-top: 16px;
+  padding: 12px 16px;
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  border-radius: 16px;
+  background: rgba(239, 68, 68, 0.1);
+  color: #fecaca;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__error {
+  color: #b91c1c;
+  background: #fef2f2;
+}
+
+.pisell-booking-change-modal__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-top: 24px;
+}
+
+.pisell-booking-change-modal__ghost-button,
+.pisell-booking-change-modal__primary-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 48px;
+  padding: 12px 20px;
+  border-radius: 16px;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1;
+  transition: all 0.16s ease;
+}
+
+.pisell-booking-change-modal__ghost-button {
+  border: 1px solid #3f3f46;
+  background: rgba(255, 255, 255, 0.05);
+  color: #d4d4d8;
+
+  &:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.1);
+  }
+}
+
+.pisell-booking-change-modal.is-light .pisell-booking-change-modal__ghost-button {
+  border-color: #cbd5e1;
+  background: #ffffff;
+  color: #334155;
+
+  &:hover:not(:disabled) {
+    background: #f8fafc;
+  }
+}
+
+.pisell-booking-change-modal__primary-button {
+  border: none;
+  background: #7c3aed;
+  color: #ffffff;
+
+  &:hover:not(:disabled) {
+    background: #8b5cf6;
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    background: #3f3f46;
+    color: #a1a1aa;
+  }
+}
+
+@media (max-width: 768px) {
+  .pisell-booking-change-modal__panel {
+    padding: 20px;
+  }
+
+  .pisell-booking-change-modal__grid,
+  .pisell-booking-change-modal__compare-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .pisell-booking-change-modal__customer,
+  .pisell-booking-change-modal__footer {
+    flex-direction: column;
+  }
+
+  .pisell-booking-change-modal__ghost-button,
+  .pisell-booking-change-modal__primary-button {
+    width: 100%;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.11.125",
+  "version": "6.11.126",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -68,7 +68,7 @@
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
     "@pisell/utils": "3.0.2",
-    "@pisell/materials": "6.11.35",
+    "@pisell/materials": "6.11.36",
     "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "3.0.8"
   },

package/es/plus/pisellReservation/PisellReservation.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
-import type { PisellReservationProps } from './types';
-import './PisellReservation.less';
-/**
- * 预约看板 Core：内置 Sales 预约列表 + 时间轴 + 平面图。
- * 页面壳 {@link PisellReservationBookingPage} / {@link PisellVenueControlPage} 通过 props 组合默认行为。
- */
-export declare const PisellReservationCore: React.FC<PisellReservationProps>;

package/es/plus/pisellReservation/hooks/usePisellReservationBookingData.d.ts

@@ -1,51 +0,0 @@
-import { type Dayjs } from 'dayjs';
-/** 避免 `?? []` 每次 render 新数组引用，触发依赖 list 的 effect 死循环 */
-export declare const EMPTY_RESERVATION_LIST: unknown[];
-/** 营业日锚定：当日 02:00 — 次日 02:00（与时间轴默认一致） */
-export declare function bookingTimeWindowForAnchorDay(anchorDay: Dayjs): [Dayjs, Dayjs];
-/**
- * 日历跨日视口：从 rangeStart 所在自然日 02:00 到 rangeEnd 的次日 02:00（与单日营业窗首尾相接）。
- */
-export declare function bookingTimeWindowForCalendarRange(rangeStart: Date, rangeEnd: Date): [Dayjs, Dayjs];
-/**
- * 表格视图初始筛选项：与 Sales Monitor 一致——支付态 + **今日营业日窗口**（`bookingTimeWindowForAnchorDay`）。
- * 用户可在 QuickFilter 改日期；平面图仍用独立的 `floorDayBookingData` 与顶栏日程对齐。
- */
-export declare function getGridTableBookingSearchParams(): Record<string, unknown>;
-export interface UsePisellReservationBookingDataOptions {
-    /** 列表单页条数；平面图按日合并台位时宜用大页 */
-    listPageSize?: number;
-    /** 初始筛选项；不传则与 Sales Monitor 一致（含当前营业日预约窗口） */
-    getInitialSearchParams?: () => Record<string, unknown>;
-    /**
-     * 合并进每次请求的扁平参数（在 `filter.values` 展开之后），如平面图
-     * `form_record_ids: number[]` 按当前资源桌筛选预约。
-     */
-    extraRequestParams?: Record<string, unknown>;
-    /**
-     * 是否启用列表 WebSocket 推送并用 `mutate` 覆盖当前数据（`osServer` + `subscriberId`）。
-     * 表格全量/分页必须与接口 HTTP 结果一致，应设为 `false`：推送常为平面图子集（如仅绑定桌），
-     * 会覆盖刚返回的整页列表，表现为「请求 50 条只显示几条且像平面图资源」。
-     * 平面图合并用 booking 请求可保持默认 `true`。
-     */
-    subscribeRealtimePush?: boolean;
-}
-/** 内置列表数据 hook 返回结构（booking / resource 页共用） */
-export interface UsePisellReservationBookingDataResult {
-    data: unknown[];
-    loading: boolean;
-    total: number;
-    pagination: {
-        pageNumber: number;
-        pageSize: number;
-    };
-    onPageChange: (pageNumber: number, pageSize: number) => void;
-    searchParams: Record<string, unknown>;
-    onSearch: (params: Record<string, unknown>) => void;
-    onReset: () => void;
-    refresh: () => void;
-    refreshAsync: () => Promise<unknown>;
-    /** 函数式合并 searchParams 并重置到第一页（用于日程变更） */
-    patchSearchParams: (updater: (prev: Record<string, unknown>) => Record<string, unknown>) => void;
-}
-export declare function usePisellReservationBookingData(enabled: boolean, options?: UsePisellReservationBookingDataOptions): UsePisellReservationBookingDataResult;

package/lib/plus/pisellReservation/PisellReservation.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en';
-import 'dayjs/locale/zh-tw';
-import type { PisellReservationProps } from './types';
-import './PisellReservation.less';
-/**
- * 预约看板 Core：内置 Sales 预约列表 + 时间轴 + 平面图。
- * 页面壳 {@link PisellReservationBookingPage} / {@link PisellVenueControlPage} 通过 props 组合默认行为。
- */
-export declare const PisellReservationCore: React.FC<PisellReservationProps>;

package/lib/plus/pisellReservation/hooks/usePisellReservationBookingData.d.ts

@@ -1,51 +0,0 @@
-import { type Dayjs } from 'dayjs';
-/** 避免 `?? []` 每次 render 新数组引用，触发依赖 list 的 effect 死循环 */
-export declare const EMPTY_RESERVATION_LIST: unknown[];
-/** 营业日锚定：当日 02:00 — 次日 02:00（与时间轴默认一致） */
-export declare function bookingTimeWindowForAnchorDay(anchorDay: Dayjs): [Dayjs, Dayjs];
-/**
- * 日历跨日视口：从 rangeStart 所在自然日 02:00 到 rangeEnd 的次日 02:00（与单日营业窗首尾相接）。
- */
-export declare function bookingTimeWindowForCalendarRange(rangeStart: Date, rangeEnd: Date): [Dayjs, Dayjs];
-/**
- * 表格视图初始筛选项：与 Sales Monitor 一致——支付态 + **今日营业日窗口**（`bookingTimeWindowForAnchorDay`）。
- * 用户可在 QuickFilter 改日期；平面图仍用独立的 `floorDayBookingData` 与顶栏日程对齐。
- */
-export declare function getGridTableBookingSearchParams(): Record<string, unknown>;
-export interface UsePisellReservationBookingDataOptions {
-    /** 列表单页条数；平面图按日合并台位时宜用大页 */
-    listPageSize?: number;
-    /** 初始筛选项；不传则与 Sales Monitor 一致（含当前营业日预约窗口） */
-    getInitialSearchParams?: () => Record<string, unknown>;
-    /**
-     * 合并进每次请求的扁平参数（在 `filter.values` 展开之后），如平面图
-     * `form_record_ids: number[]` 按当前资源桌筛选预约。
-     */
-    extraRequestParams?: Record<string, unknown>;
-    /**
-     * 是否启用列表 WebSocket 推送并用 `mutate` 覆盖当前数据（`osServer` + `subscriberId`）。
-     * 表格全量/分页必须与接口 HTTP 结果一致，应设为 `false`：推送常为平面图子集（如仅绑定桌），
-     * 会覆盖刚返回的整页列表，表现为「请求 50 条只显示几条且像平面图资源」。
-     * 平面图合并用 booking 请求可保持默认 `true`。
-     */
-    subscribeRealtimePush?: boolean;
-}
-/** 内置列表数据 hook 返回结构（booking / resource 页共用） */
-export interface UsePisellReservationBookingDataResult {
-    data: unknown[];
-    loading: boolean;
-    total: number;
-    pagination: {
-        pageNumber: number;
-        pageSize: number;
-    };
-    onPageChange: (pageNumber: number, pageSize: number) => void;
-    searchParams: Record<string, unknown>;
-    onSearch: (params: Record<string, unknown>) => void;
-    onReset: () => void;
-    refresh: () => void;
-    refreshAsync: () => Promise<unknown>;
-    /** 函数式合并 searchParams 并重置到第一页（用于日程变更） */
-    patchSearchParams: (updater: (prev: Record<string, unknown>) => Record<string, unknown>) => void;
-}
-export declare function usePisellReservationBookingData(enabled: boolean, options?: UsePisellReservationBookingDataOptions): UsePisellReservationBookingDataResult;