@pisell/materials 6.11.16 → 6.11.18

package/lib/components/pisellReservationSchedule/types.d.ts

@@ -0,0 +1,42 @@
+import type { CSSProperties } from 'react';
+import type { Dayjs } from 'dayjs';
+/** 与 PisellTimeNavigator 一致：dayjs 或可解析字符串 */
+export declare type ReservationScheduleValue = Dayjs | string | null | undefined;
+/**
+ * PisellReservationSchedule：营业日切换条（上一日 / 文案 / 下一日）
+ */
+export interface PisellReservationScheduleProps {
+    /**
+     * 当前选中日（受控），日历日语义，建议使用 startOf('day') 对齐
+     */
+    value?: ReservationScheduleValue;
+    /**
+     * 选中日变更
+     */
+    onChange?: (date: Dayjs) => void;
+    /**
+     * 非受控初始日
+     */
+    defaultValue?: ReservationScheduleValue;
+    /**
+     * 不可早于该日（含）
+     */
+    minDate?: ReservationScheduleValue;
+    /**
+     * 不可晚于该日（含）
+     */
+    maxDate?: ReservationScheduleValue;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 根节点样式
+     */
+    style?: CSSProperties;
+    /**
+     * 为 true 时禁用上一日/下一日、日期点选（弹日历）；用于「跟随当前时刻」等只读日期条
+     * @default false
+     */
+    navigationLocked?: boolean;
+}

package/lib/components/pisellReservationSchedule/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/pisellReservationSchedule/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PisellReservationScheduleBandProps } from './types';
+import './PisellReservationScheduleBand.less';
+/**
+ * 预约顶栏组合：营业日切换 + 锚定到选中日的时间导航轴
+ */
+export declare function PisellReservationScheduleBand(props: PisellReservationScheduleBandProps): React.JSX.Element;
+export declare namespace PisellReservationScheduleBand {
+    var displayName: string;
+}

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.js

@@ -0,0 +1,128 @@
+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/pisellReservationScheduleBand/PisellReservationScheduleBand.tsx
+var PisellReservationScheduleBand_exports = {};
+__export(PisellReservationScheduleBand_exports, {
+  PisellReservationScheduleBand: () => PisellReservationScheduleBand
+});
+module.exports = __toCommonJS(PisellReservationScheduleBand_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_classnames = __toESM(require("classnames"));
+var import_pisellReservationSchedule = require("../pisellReservationSchedule");
+var import_pisellTimeNavigator = require("../pisellTimeNavigator");
+var import_PisellReservationScheduleBand = require("./PisellReservationScheduleBand.less");
+function startOfDay(d) {
+  return d.startOf("day");
+}
+function withTimeOnDate(dateDay, timeSource) {
+  return startOfDay(dateDay).hour(timeSource.hour()).minute(timeSource.minute()).second(0).millisecond(0);
+}
+function PisellReservationScheduleBand(props) {
+  const {
+    value: valueProp,
+    onChange,
+    defaultValue,
+    scheduleProps,
+    timeNavigatorProps,
+    scheduleStartSlot,
+    scheduleEndSlot,
+    scheduleAfterDateSlot,
+    className,
+    style
+  } = props;
+  const isControlled = valueProp !== void 0;
+  const [internal, setInternal] = (0, import_react.useState)(() => {
+    const d = (defaultValue == null ? void 0 : defaultValue.date) ?? (0, import_dayjs.default)().startOf("day");
+    const atSrc = (defaultValue == null ? void 0 : defaultValue.at) ?? (0, import_dayjs.default)();
+    return {
+      date: startOfDay((0, import_dayjs.default)(d)),
+      at: withTimeOnDate((0, import_dayjs.default)(d), (0, import_dayjs.default)(atSrc))
+    };
+  });
+  const effective = isControlled ? valueProp : internal;
+  const emit = (0, import_react.useCallback)(
+    (next) => {
+      const normalized = {
+        date: startOfDay(next.date),
+        at: next.at
+      };
+      if (!isControlled) setInternal(normalized);
+      onChange == null ? void 0 : onChange(normalized);
+    },
+    [isControlled, onChange]
+  );
+  const handleDateChange = (0, import_react.useCallback)(
+    (d) => {
+      emit({
+        date: startOfDay(d),
+        at: withTimeOnDate(d, effective.at)
+      });
+    },
+    [emit, effective.at]
+  );
+  const handleTimeChange = (0, import_react.useCallback)(
+    (t) => {
+      emit({
+        date: startOfDay(effective.date),
+        at: t
+      });
+    },
+    [emit, effective.date]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-reservation-schedule-band", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-reservation-schedule-band-schedule-row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-reservation-schedule-band-slot-start" }, scheduleStartSlot), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-reservation-schedule-band-schedule" }, /* @__PURE__ */ import_react.default.createElement(
+      import_pisellReservationSchedule.PisellReservationSchedule,
+      {
+        value: effective.date,
+        onChange: handleDateChange,
+        ...scheduleProps
+      }
+    ), scheduleAfterDateSlot ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-reservation-schedule-band-after-date" }, scheduleAfterDateSlot) : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-reservation-schedule-band-slot-end" }, scheduleEndSlot)),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-reservation-schedule-band-navigator" }, /* @__PURE__ */ import_react.default.createElement(
+      import_pisellTimeNavigator.PisellTimeNavigator,
+      {
+        referenceDate: effective.date,
+        value: effective.at,
+        onChange: handleTimeChange,
+        ...timeNavigatorProps
+      }
+    ))
+  );
+}
+PisellReservationScheduleBand.displayName = "PisellReservationScheduleBand";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellReservationScheduleBand
+});

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.less

@@ -0,0 +1,66 @@
+.pisell-reservation-schedule-band {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+  gap: 0;
+  box-sizing: border-box;
+}
+
+/** 与中间日程条同一行：整行深色底，左标题 / 中选日 / 右操作 */
+.pisell-reservation-schedule-band-schedule-row {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+  column-gap: 12px;
+  box-sizing: border-box;
+  padding: 10px 14px;
+  border-radius: 0;
+  background: #141824;
+  border: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.pisell-reservation-schedule-band-slot-start {
+  justify-self: start;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+}
+
+.pisell-reservation-schedule-band-slot-end {
+  justify-self: end;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+}
+
+.pisell-reservation-schedule-band-schedule {
+  justify-self: center;
+  min-width: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+
+/** 日程组件根节点默认 width:100%，在中间栏会与「日期右侧」插槽分两行；此处收窄为内容宽，保证与 after-date 同一行 */
+.pisell-reservation-schedule-band-schedule > .pisell-reservation-schedule {
+  width: auto;
+  flex: 0 0 auto;
+  min-width: 0;
+}
+
+.pisell-reservation-schedule-band-after-date {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.pisell-reservation-schedule-band-navigator {
+  width: 100%;
+  min-width: 0;
+}

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellReservationScheduleBand } from './PisellReservationScheduleBand';
+/**
+ * PisellReservationScheduleBand：营业日条 + 横向时间轴顶栏组合，统一 value `{ date, at }`。
+ * 详见组件目录下 docs/PisellReservationScheduleBand.md。
+ */
+declare const meta: Meta<typeof PisellReservationScheduleBand>;
+export default meta;
+declare type Story = StoryObj<typeof PisellReservationScheduleBand>;
+export declare const Default: Story;
+export declare const CustomTimeNavigator: Story;
+export declare const ScheduleMinMax: Story;
+export declare const Controlled: Story;
+export declare const InitialPastDay: Story;
+/** 日程行左右插槽：左标题 + 中间 PisellReservationSchedule + 右操作区（整条顶栏暗色背景需在业务外层自行包一层，避免压住下方时间轴） */
+export declare const WithScheduleSlots: Story;

package/lib/components/pisellReservationScheduleBand/PisellReservationScheduleBand.stories.js

@@ -0,0 +1,181 @@
+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/pisellReservationScheduleBand/PisellReservationScheduleBand.stories.tsx
+var PisellReservationScheduleBand_stories_exports = {};
+__export(PisellReservationScheduleBand_stories_exports, {
+  Controlled: () => Controlled,
+  CustomTimeNavigator: () => CustomTimeNavigator,
+  Default: () => Default,
+  InitialPastDay: () => InitialPastDay,
+  ScheduleMinMax: () => ScheduleMinMax,
+  WithScheduleSlots: () => WithScheduleSlots,
+  default: () => PisellReservationScheduleBand_stories_default
+});
+module.exports = __toCommonJS(PisellReservationScheduleBand_stories_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_PisellReservationScheduleBand = require("./PisellReservationScheduleBand");
+var meta = {
+  title: "Data Entry/PisellReservationScheduleBand",
+  component: import_PisellReservationScheduleBand.PisellReservationScheduleBand,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "padded",
+    docs: {
+      description: {
+        component: "纵向组合 PisellReservationSchedule 与 PisellTimeNavigator：选中日 `date` 与轴上时刻 `at` 由单一状态驱动；换日时会保留原时刻的时分并映射到新日。可通过 `scheduleProps` / `timeNavigatorProps` 透传子组件配置，适合作为 RecordBoard 等容器的 toolBar 顶栏。"
+      }
+    }
+  },
+  argTypes: {
+    value: {
+      description: "受控：{ date: Dayjs, at: Dayjs }",
+      control: "object"
+    },
+    defaultValue: {
+      description: "非受控初始值，可只传 date 或 at",
+      control: "object"
+    },
+    scheduleProps: {
+      description: "透传给 PisellReservationSchedule（不含 value/onChange/defaultValue）",
+      control: "object"
+    },
+    timeNavigatorProps: {
+      description: "透传给 PisellTimeNavigator（不含 value/onChange/referenceDate）",
+      control: "object"
+    },
+    onChange: {
+      action: "onChange",
+      description: "date 或 at 变化时触发，参数已归一化"
+    },
+    className: { control: "text" },
+    scheduleStartSlot: {
+      description: "日程行左侧插槽（如标题）",
+      control: false
+    },
+    scheduleEndSlot: {
+      description: "日程行右侧插槽（如状态、主按钮）",
+      control: false
+    }
+  }
+};
+var PisellReservationScheduleBand_stories_default = meta;
+var wideDecorator = (StoryComp) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", maxWidth: 960, minWidth: 480 } }, /* @__PURE__ */ import_react.default.createElement(StoryComp, null));
+var Default = {
+  args: {},
+  decorators: [wideDecorator]
+};
+var CustomTimeNavigator = {
+  args: {
+    timeNavigatorProps: {
+      stepMinutes: 30,
+      majorStepMinutes: 120,
+      showNowButton: true
+    }
+  },
+  decorators: [wideDecorator]
+};
+var ScheduleMinMax = {
+  args: {
+    scheduleProps: {
+      minDate: (0, import_dayjs.default)().subtract(7, "day"),
+      maxDate: (0, import_dayjs.default)().add(7, "day")
+    },
+    defaultValue: {
+      date: (0, import_dayjs.default)().startOf("day")
+    }
+  },
+  decorators: [wideDecorator]
+};
+var Controlled = {
+  render: function ControlledBandRender() {
+    const [value, setValue] = (0, import_react.useState)(() => ({
+      date: (0, import_dayjs.default)().startOf("day"),
+      at: (0, import_dayjs.default)()
+    }));
+    return /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", maxWidth: 960, minWidth: 480 } }, /* @__PURE__ */ import_react.default.createElement(
+      import_PisellReservationScheduleBand.PisellReservationScheduleBand,
+      {
+        value,
+        onChange: (next) => {
+          setValue(next);
+          console.log("onChange", {
+            date: next.date.format("YYYY-MM-DD"),
+            at: next.at.format("YYYY-MM-DD HH:mm")
+          });
+        },
+        timeNavigatorProps: { showNowButton: true }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("p", { style: { marginTop: 12, fontSize: 12, color: "#666" } }, "date: ", value.date.format("YYYY-MM-DD"), " · at:", " ", value.at.format("HH:mm")));
+  }
+};
+var InitialPastDay = {
+  args: {
+    defaultValue: {
+      date: (0, import_dayjs.default)().subtract(1, "day").startOf("day"),
+      at: (0, import_dayjs.default)().subtract(1, "day").hour(14).minute(30).second(0)
+    },
+    timeNavigatorProps: { showNowButton: true }
+  },
+  decorators: [wideDecorator]
+};
+var WithScheduleSlots = {
+  render: () => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "100%", maxWidth: 960, minWidth: 480 } }, /* @__PURE__ */ import_react.default.createElement(
+    import_PisellReservationScheduleBand.PisellReservationScheduleBand,
+    {
+      scheduleStartSlot: /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 15, fontWeight: 600 } }, "Reservation"),
+      scheduleEndSlot: /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 12 } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: 13, color: "#595959" } }, /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#52c41a", marginRight: 6 } }, "●"), "Current"), /* @__PURE__ */ import_react.default.createElement(
+        "button",
+        {
+          type: "button",
+          style: {
+            background: "#1677ff",
+            color: "#fff",
+            border: "none",
+            borderRadius: 8,
+            padding: "6px 14px",
+            fontSize: 14,
+            cursor: "pointer"
+          }
+        },
+        "+ 新建"
+      )),
+      timeNavigatorProps: { showNowButton: true }
+    }
+  ))
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Controlled,
+  CustomTimeNavigator,
+  Default,
+  InitialPastDay,
+  ScheduleMinMax,
+  WithScheduleSlots
+});

package/lib/components/pisellReservationScheduleBand/index.d.ts

@@ -0,0 +1,2 @@
+export { PisellReservationScheduleBand } from './PisellReservationScheduleBand';
+export type { PisellReservationScheduleBandProps, ReservationScheduleBandValue, TimeNavigatorPassthroughProps, } from './types';

package/lib/components/pisellReservationScheduleBand/index.js

@@ -0,0 +1,29 @@
+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/pisellReservationScheduleBand/index.tsx
+var pisellReservationScheduleBand_exports = {};
+__export(pisellReservationScheduleBand_exports, {
+  PisellReservationScheduleBand: () => import_PisellReservationScheduleBand.PisellReservationScheduleBand
+});
+module.exports = __toCommonJS(pisellReservationScheduleBand_exports);
+var import_PisellReservationScheduleBand = require("./PisellReservationScheduleBand");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellReservationScheduleBand
+});

package/lib/components/pisellReservationScheduleBand/types.d.ts

@@ -0,0 +1,49 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { Dayjs } from 'dayjs';
+import type { PisellTimeNavigatorProps } from '../pisellTimeNavigator/types';
+import type { PisellReservationScheduleProps } from '../pisellReservationSchedule/types';
+/** 组合值：日历日 + 该日上的时刻（与 PisellTimeNavigator 对齐） */
+export interface ReservationScheduleBandValue {
+    date: Dayjs;
+    at: Dayjs;
+}
+export declare type TimeNavigatorPassthroughProps = Omit<PisellTimeNavigatorProps, 'value' | 'onChange' | 'referenceDate' | 'defaultValue'>;
+/**
+ * PisellReservationScheduleBand：营业日条 + 横向时间轴
+ */
+export interface PisellReservationScheduleBandProps {
+    /**
+     * 受控：选中日 + 轴上时刻
+     */
+    value?: ReservationScheduleBandValue;
+    /**
+     * 日历日或时刻任一变化时触发
+     */
+    onChange?: (next: ReservationScheduleBandValue) => void;
+    /**
+     * 非受控初始值（可只传部分字段）
+     */
+    defaultValue?: Partial<ReservationScheduleBandValue>;
+    /**
+     * 透传给 PisellReservationSchedule（如 minDate / maxDate）
+     */
+    scheduleProps?: Omit<PisellReservationScheduleProps, 'value' | 'onChange' | 'defaultValue'>;
+    /**
+     * 透传给 PisellTimeNavigator（不含 value/onChange/referenceDate）
+     */
+    timeNavigatorProps?: TimeNavigatorPassthroughProps;
+    /**
+     * 顶栏日程行：PisellReservationSchedule 左侧自定义内容（如标题）
+     */
+    scheduleStartSlot?: ReactNode;
+    /**
+     * 顶栏日程行：PisellReservationSchedule 右侧自定义内容（如状态、主按钮）
+     */
+    scheduleEndSlot?: ReactNode;
+    /**
+     * 顶栏日程行：紧挨在选日组件之后（如「跟随当前」），与中间列同一 flex 区
+     */
+    scheduleAfterDateSlot?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}

package/lib/components/pisellReservationScheduleBand/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/pisellReservationScheduleBand/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellRow/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PisellContextType } from '../pisell-config-provider/context';
+import './index.less';
+export interface PisellRowProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    platform?: PisellContextType['platform'];
+    gap?: number;
+    padding?: number;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    centerContent?: React.ReactNode;
+    centerContentFill?: boolean;
+}
+/**
+ * @title: Pisell Row
+ * @description:  左中右布局组件
+ * @param {PisellRowProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:38
+ */
+declare const PisellRow: (props: PisellRowProps) => React.JSX.Element;
+export default PisellRow;

package/lib/components/pisellShellFrame/PisellShellFrame.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { PisellShellFrameProps } from './types';
+import './PisellShellFrame.less';
+/**
+ * PisellShellFrame：通用壳层布局组件。
+ * 支持通过 config 控制各区域显隐，不同展示类型（表格/看板/日历/楼层图等）复用同一壳层。
+ *
+ * - 顶部：标题区（标题/副标题/辅助信息）、工具区（Toolbar）、统计区（Statistic List，可选折叠）
+ * - 中间：滚动承载（可选）+ Layout 插槽（children）
+ * - 底部：批量操作条（按选中状态出现）、状态提示区（加载/错误/同步提示等）
+ */
+export declare const PisellShellFrame: React.FC<PisellShellFrameProps>;
+export default PisellShellFrame;

package/lib/components/pisellShellFrame/PisellShellFrame.less

@@ -15,15 +15,18 @@
     justify-content: space-between;
     gap: 16px;
     margin-bottom: 8px;
+
     .pisell-shell-frame-title-main {
       font-size: 16px;
       font-weight: 600;
     }
+
     .pisell-shell-frame-title-sub {
       font-size: 12px;
       color: rgba(0, 0, 0, 0.45);
       margin-left: 8px;
     }
+
     .pisell-shell-frame-title-extra {
       flex-shrink: 0;
     }
@@ -33,8 +36,15 @@
     margin-bottom: 8px;
   }
 
+  /** RecordBoard 平面图模式：与日程带衔接，去掉工具栏与内容区间距 */
+
+  &--floor-map-view &-toolbar {
+    margin-bottom: 0;
+  }
+
   &-statistic {
     margin-bottom: 8px;
+
     &-collapse-header {
       cursor: pointer;
       user-select: none;
@@ -66,6 +76,7 @@
   &-batch-bar {
     margin-top: 8px;
     /* 无内容时不占位，避免多余 margin */
+
     &:empty {
       margin-top: 0;
       display: none;

package/lib/components/pisellShellFrame/PisellShellFrame.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellShellFrame } from './PisellShellFrame';
+declare const meta: Meta<typeof PisellShellFrame>;
+export default meta;
+declare type Story = StoryObj<typeof PisellShellFrame>;
+/** 仅标题区 */
+export declare const TitleOnly: Story;
+/** 标题 + 工具区 */
+export declare const WithToolbar: Story;
+/** 标题 + 统计区（可折叠，国际化） */
+export declare const WithStatisticCollapsible: Story;
+/** 中间滚动 + 底部批量条 + 状态区 */
+export declare const WithScrollBatchAndStatus: Story;
+/** 全区域展示（默认展开统计） */
+export declare const Full: Story;

package/lib/components/pisellShellFrame/index.d.ts

@@ -0,0 +1,2 @@
+export { PisellShellFrame, default } from './PisellShellFrame';
+export type { PisellShellFrameProps, PisellShellFrameConfig, PisellShellFrameScrollConfig, } from './types';