@pisell/materials 6.11.17 → 6.11.19

package/es/components/pisellRecordBoard/types.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode, Key, ComponentType } from 'react';
+import type { ReactNode, Key, ComponentType, Ref } from 'react';
+import type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapDataSources, FloorMapLayoutContextValue } from '../pisellFloorMapLayout/types';
 import type { TableProps } from 'antd';
 /**
  * 布局类型：一种 layout 对应一种「视图的集合」
@@ -120,11 +121,26 @@ export interface RecordBoardListResult {
     count?: number;
     total?: number;
 }
+/** ShellFrame 内容区：表格或平面图（与 GridLayout 同级切换） */
+export declare type RecordBoardBodyView = 'grid' | 'floorMap';
+/**
+ * 平面图槽位 props：与 PisellFloorMapLayout 对齐；items/renderItem 可省略（由 RecordBoard 默认 [] / () => null）。
+ */
+export declare type RecordBoardFloorMapProps = Partial<PisellFloorMapLayoutProps>;
 /**
  * RecordBoard 容器 Context 值
  * 与具体 layout 类型无关，所有 layout 共用同一套数据与操作
  */
 export interface RecordBoardContextValue {
+    /**
+     * 平面图多数据源字典（整份各 key，不参与表格分页切片）。
+     * ShellFrame 会与 FloorMap 子 props 中的 dataSources 合并后传入 PisellFloorMapLayout。
+     */
+    dataSources?: FloorMapDataSources;
+    /**
+     * 表格绑定 `dataSources` 的 key；仅当未传入根级 `data` 时，表格数据由 `dataSources[gridDataSourceKey]` 推导并做客户端分页切片。
+     */
+    gridDataSourceKey?: string;
     /** 当前列表数据 */
     data: any[];
     /** 加载态 */
@@ -174,6 +190,24 @@ export interface RecordBoardContextValue {
     filterResetKey?: number;
     /** 递增 filterResetKey，由 ToolBarReset 在重置时调用 */
     setFilterResetKey?: (fn: (prev: number) => number) => void;
+    /** 当前主内容区：表格或平面图；无平面图配置时一般为 grid（ShellFrame 内仅 FloorMap 时会改为 floorMap） */
+    bodyView: RecordBoardBodyView;
+    setBodyView: (v: RecordBoardBodyView) => void;
+    /** 根级传入的平面图 props（可选）；与 ShellFrame 内 FloorMap 子组件合并，子优先 */
+    floorMapProps?: RecordBoardFloorMapProps;
+    /**
+     * 平面图数据/保存等注入上下文（与 `FloorMapLayoutContextValue` 同形），由 Shell 内置 `FloorMapLayoutProvider` 注入 `PisellFloorMapLayout`；
+     * 与 `useRecordBoardContext()` 同源镜像，供 Toolbar 等读取。
+     */
+    floorMapLayoutContext?: FloorMapLayoutContextValue;
+    /** 双视图并存时首屏偏好（根 props，与 PisellRecordBoard.defaultBodyView 一致） */
+    defaultBodyView?: RecordBoardBodyView;
+    /** 挂到 ShellFrame 内 PisellFloorMapLayout，供外部 imperative 调用（如 saveLayout / fitBounds） */
+    floorMapLayoutRef?: Ref<PisellFloorMapLayoutRef | null>;
+    /**
+     * 平面图视图下叠在画布内的底部居中悬浮区（如「编辑平面图」），不单独占一行 footer。
+     */
+    floorMapFooter?: ReactNode;
 }
 /**
  * 各 layout 下子组件的可选透传配置（类似 ChildComponentProps）
@@ -209,6 +243,7 @@ export interface RecordBoardToolBarProps {
      * 在 ToolBar 左侧展示内联快速筛选（替代 Filter 弹层内的 quickFilter）。
      * 为 true 时使用 columns 派生的 quickFilter 列表；为对象时可传 filterList、formFiltersPrefix、size 等。
      * 启用后建议对 filter 传 hiddenQuickFilter: true，弹层内仅保留高级筛选。
+     * hideFilterNamesOnFloorMap：仅当 Shell 内同时有表格+平面图且当前为平面图时，按筛选项 name（或 key）从内联快筛中移除，避免与顶栏日程重复（如预约 booking_time_start_between）。
      */
     quickFilter?: boolean | Record<string, any>;
     /** 列显示隐藏设置入口；默认 true（有 grid.columns 时显示）；false 时不渲染 */
@@ -280,9 +315,19 @@ export interface RecordBoardProps {
     rowKey?: string | ((record: any) => Key);
     /** 当前列表数据 */
     data?: any[];
+    /**
+     * 平面图多数据源；与 `FloorMap` / 根级 `floorMap` 的 dataSources 在 ShellFrame 内合并（后者覆盖同 key）。
+     * 表格默认仍用 `data`；若不传 `data` 且提供 `gridDataSourceKey`，则由本字段对应 key 推导表格行并客户端分页。
+     */
+    dataSources?: FloorMapDataSources;
+    /**
+     * 表格使用的 `dataSources` key（如 `'tables'`）；与 `floorMapConfig` 内 `dataSourceKey` 对齐。
+     * 仅在根级 **`data` 未传入**时生效。
+     */
+    gridDataSourceKey?: string;
     /** 加载态 */
     loading?: boolean;
-    /** 总数（用于分页） */
+    /** 总数（用于分页）；由 `dataSources` 推导表格时，未传则默认为该 key 对应数组长度 */
     total?: number;
     /** 分页状态 */
     pagination?: RecordBoardPaginationState;
@@ -310,6 +355,27 @@ export interface RecordBoardProps {
     cardList?: Record<string, any>;
     /** 是否启用分页（与 pagination 状态区分） */
     enablePagination?: boolean;
+    /**
+     * 平面图（可选，兼容低代码 / SalesGrid 等）：与 PisellFloorMapLayout 对齐。
+     * 推荐在 ShellFrame 内使用 PisellRecordBoard.FloorMap 声明；若同时传根级与本项，Shell 内子组件 props 优先合并。
+     */
+    floorMap?: RecordBoardFloorMapProps;
+    /**
+     * 平面图 Context 注入（`FloorMapLayoutContextValue`）：配置/保存/加载等；展示向 props 仍建议走 `floorMap`。
+     * Shell 在平面图节点内置 Provider，无需再包一层 `FloorMapLayoutProvider`。
+     */
+    floorMapLayoutContext?: FloorMapLayoutContextValue;
+    /**
+     * 表格与平面图并存时首屏子视图，默认 grid。
+     * 仅声明 FloorMap 而无 Grid/Card 内容时由 ShellFrame 固定为平面图，不出现切换器。
+     */
+    defaultBodyView?: RecordBoardBodyView;
+    /** 与 bodyView 同步持久化到 localStorage 的 key（双视图时生效） */
+    bodyViewStorageKey?: string;
+    /** 平面图 Layout 实例 ref，由 ShellFrame 注入 */
+    floorMapLayoutRef?: Ref<PisellFloorMapLayoutRef | null>;
+    /** 平面图画布内底部悬浮插槽（如编辑入口），注入 Context 供 ShellFrame 渲染 */
+    floorMapFooter?: ReactNode;
     /** 其他 */
     [key: string]: any;
 }

package/es/components/pisellRecordBoard/utils/partitionShellFrameChildren.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { RecordBoardFloorMapProps } from '../types';
+/** 与 shellFrame/FloorMap 上定义的 displayName 一致，用于从 ShellFrame children 中识别平面图槽 */
+export declare const RECORD_BOARD_FLOOR_MAP_DISPLAY_NAME = "RecordBoard.FloorMap";
+/**
+ * 将 ShellFrame 的 children 拆成：供表格区渲染的子树 + 可选的 FloorMap 透传 props。
+ * 支持 Fragment 嵌套；多个 FloorMap 时以最后一个为准。
+ */
+export declare function partitionShellFrameChildren(children: React.ReactNode): {
+    gridChildren: React.ReactNode;
+    /** 是否出现 FloorMap 槽位节点（props 可为空，可与根级 floorMap 合并） */
+    hasFloorMapChild: boolean;
+    floorMapPropsFromChild?: RecordBoardFloorMapProps;
+    hasGridContent: boolean;
+};

package/es/components/pisellRecordBoard/utils/partitionShellFrameChildren.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import RecordBoardFloorMap from "../shellFrame/FloorMap";
+
+/** 与 shellFrame/FloorMap 上定义的 displayName 一致，用于从 ShellFrame children 中识别平面图槽 */
+export var RECORD_BOARD_FLOOR_MAP_DISPLAY_NAME = 'RecordBoard.FloorMap';
+
+/** displayName 在部分构建下可能被摇掉；与 RecordBoardFloorMap 引用一致时仍可识别，工具栏才出「表格/平面图」切换 */
+function isRecordBoardFloorMapElementType(type) {
+  if (type === RecordBoardFloorMap) return true;
+  var dn = type === null || type === void 0 ? void 0 : type.displayName;
+  return dn === RECORD_BOARD_FLOOR_MAP_DISPLAY_NAME;
+}
+
+/**
+ * 将 ShellFrame 的 children 拆成：供表格区渲染的子树 + 可选的 FloorMap 透传 props。
+ * 支持 Fragment 嵌套；多个 FloorMap 时以最后一个为准。
+ */
+export function partitionShellFrameChildren(children) {
+  var foundFloorMap = false;
+  var floorProps;
+  var gridChunks = [];
+  var walk = function walk(node) {
+    React.Children.forEach(node, function (child) {
+      if (child == null || child === false) return;
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        gridChunks.push(child);
+        return;
+      }
+      if (child.type === React.Fragment) {
+        walk(child.props.children);
+        return;
+      }
+      if (isRecordBoardFloorMapElementType(child.type)) {
+        foundFloorMap = true;
+        floorProps = child.props;
+        return;
+      }
+      gridChunks.push(child);
+    });
+  };
+  walk(children);
+  var hasGridContent = gridChunks.length > 0;
+  var gridChildren;
+  if (!hasGridContent) {
+    gridChildren = null;
+  } else if (gridChunks.length === 1) {
+    gridChildren = gridChunks[0];
+  } else {
+    gridChildren = /*#__PURE__*/React.createElement(React.Fragment, null, gridChunks);
+  }
+  return {
+    gridChildren: gridChildren,
+    hasFloorMapChild: foundFloorMap,
+    floorMapPropsFromChild: floorProps,
+    hasGridContent: hasGridContent
+  };
+}

package/es/components/pisellRecordBoard/utils/recordBoardColumns.js

@@ -25,6 +25,7 @@ import { PisellRating } from "../../pisellRating";
 import { PisellSingleSelect } from "../../pisellSingleSelect";
 import { PisellMultipleSelect } from "../../pisellMultipleSelect";
 import { PisellDateTimeDisplay } from "../../pisellDateTimeDisplay";
+import { getText } from "../../../locales";
 var FIELD_TYPE_TO_READ_COMPONENT = {
   singleLineText: PisellSingleLineText,
   longText: PisellLongText,
@@ -329,7 +330,7 @@ function columnToFilterItem(column) {
   if (column.filterable === false) return null;
   var hasExplicitFilter = column.filter && (column.filter.type != null || column.filter.component);
   if (column.type && !hasExplicitFilter) {
-    var _column$fieldProps2, _fieldProps$options, _fieldProps$placehold;
+    var _column$fieldProps2, _fieldProps$options, _fieldProps$placehold, _getText;
     var fieldType = column.type;
     var _filterType = FIELD_TYPE_TO_FILTER_TYPE[fieldType];
     var fieldProps = (_column$fieldProps2 = column.fieldProps) !== null && _column$fieldProps2 !== void 0 ? _column$fieldProps2 : {};
@@ -349,7 +350,7 @@ function columnToFilterItem(column) {
         options: options !== null && options !== void 0 ? options : [],
         getOptions: fieldProps.getOptions
       }, fieldProps) : _objectSpread({
-        placeholder: (_fieldProps$placehold = fieldProps.placeholder) !== null && _fieldProps$placehold !== void 0 ? _fieldProps$placehold : "\u8BF7\u8F93\u5165".concat(label)
+        placeholder: (_fieldProps$placehold = fieldProps.placeholder) !== null && _fieldProps$placehold !== void 0 ? _fieldProps$placehold : String((_getText = getText('pisell2.recordBoard.filter.placeholderEnter')) !== null && _getText !== void 0 ? _getText : '').replace(/\{label\}/g, label)
       }, fieldProps),
       other: _objectSpread({
         fieldType: fieldType,

package/es/components/pisellReservationSchedule/PisellReservationSchedule.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PisellReservationScheduleProps } from './types';
+import './PisellReservationSchedule.less';
+/**
+ * 营业日导航条：上一日、中间日期文案、下一日（深色条样式，适配预约顶栏）
+ */
+export declare function PisellReservationSchedule(props: PisellReservationScheduleProps): React.JSX.Element;
+export declare namespace PisellReservationSchedule {
+    var displayName: string;
+}

package/es/components/pisellReservationSchedule/PisellReservationSchedule.js

@@ -0,0 +1,156 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useMemo, useCallback, useState } from 'react';
+import dayjs from 'dayjs';
+import classNames from 'classnames';
+import { Modal } from 'antd';
+import { DateCalendar } from '@pisell/date-picker';
+import ChevronLeft from '@pisell/icon/es/ChevronLeft';
+import ChevronRight from '@pisell/icon/es/ChevronRight';
+import { locales } from '@pisell/utils';
+import useEngineContext from "../../hooks/useEngineContext";
+import pisellReservationScheduleLocales from "./locales";
+import "./PisellReservationSchedule.less";
+var I18N_TODAY = 'pisell-reservation-schedule.today';
+var I18N_PREV = 'pisell-reservation-schedule.prev';
+var I18N_NEXT = 'pisell-reservation-schedule.next';
+var I18N_PICK_DATE = 'pisell-reservation-schedule.pick-date';
+var I18N_PICK_DATE_TITLE = 'pisell-reservation-schedule.pick-date-title';
+function parseDay(input, fallback) {
+  if (input == null) return fallback.startOf('day');
+  var d = dayjs(input);
+  return (d.isValid() ? d : fallback).startOf('day');
+}
+function toDayjsLocale(engineLocale) {
+  if (!engineLocale || engineLocale === 'en') return 'en';
+  if (engineLocale === 'zh-HK') return 'zh-hk';
+  return 'zh-cn';
+}
+
+/**
+ * 营业日导航条：上一日、中间日期文案、下一日（深色条样式，适配预约顶栏）
+ */
+export function PisellReservationSchedule(props) {
+  var _context$engine;
+  var valueProp = props.value,
+    onChange = props.onChange,
+    defaultValue = props.defaultValue,
+    minDateProp = props.minDate,
+    maxDateProp = props.maxDate,
+    _props$navigationLock = props.navigationLocked,
+    navigationLocked = _props$navigationLock === void 0 ? false : _props$navigationLock,
+    className = props.className,
+    style = props.style;
+  var context = useEngineContext();
+  var engineLocale = (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || 'en';
+  locales.init(pisellReservationScheduleLocales, engineLocale);
+  var today = useMemo(function () {
+    return dayjs().startOf('day');
+  }, []);
+  var isControlled = valueProp !== undefined;
+  var _useState = useState(function () {
+      return parseDay(valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue, today);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    internal = _useState2[0],
+    setInternal = _useState2[1];
+  var value = isControlled ? parseDay(valueProp, today) : internal;
+  var minDate = useMemo(function () {
+    return minDateProp != null ? parseDay(minDateProp, today) : undefined;
+  }, [minDateProp, today]);
+  var maxDate = useMemo(function () {
+    return maxDateProp != null ? parseDay(maxDateProp, today) : undefined;
+  }, [maxDateProp, today]);
+  var emit = useCallback(function (next) {
+    var d = next.startOf('day');
+    if (minDate && d.isBefore(minDate)) d = minDate;
+    if (maxDate && d.isAfter(maxDate)) d = maxDate;
+    if (!isControlled) setInternal(d);
+    onChange === null || onChange === void 0 || onChange(d);
+  }, [isControlled, onChange, minDate, maxDate]);
+  var prevDisabled = navigationLocked || (minDate ? value.isSame(minDate, 'day') : false);
+  var nextDisabled = navigationLocked || (maxDate ? value.isSame(maxDate, 'day') : false);
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    calendarOpen = _useState4[0],
+    setCalendarOpen = _useState4[1];
+  var centerLabel = useMemo(function () {
+    var djLoc = toDayjsLocale(engineLocale);
+    var dl = value.locale(djLoc);
+    var isToday = value.isSame(today, 'day');
+    var todayText = locales.getText(I18N_TODAY);
+    var dateStr = djLoc === 'en' ? dl.format('MMM D') : dl.format('M月D日');
+    var weekStr = dl.format('ddd');
+    var parts = [];
+    if (isToday && todayText) parts.push(todayText);
+    parts.push(dateStr);
+    parts.push(weekStr);
+    return parts.join(djLoc === 'en' ? ' · ' : ' · ');
+  }, [value, today, engineLocale]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('pisell-reservation-schedule', className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-reservation-schedule-inner"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "pisell-reservation-schedule-btn",
+    "aria-label": locales.getText(I18N_PREV),
+    disabled: prevDisabled,
+    onClick: function onClick() {
+      if (navigationLocked) return;
+      emit(value.subtract(1, 'day'));
+    }
+  }, /*#__PURE__*/React.createElement(ChevronLeft, {
+    className: "pisell-reservation-schedule-btn-icon"
+  })), navigationLocked ? /*#__PURE__*/React.createElement("span", {
+    className: "pisell-reservation-schedule-label pisell-reservation-schedule-label--static",
+    "aria-label": centerLabel
+  }, centerLabel) : /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "pisell-reservation-schedule-label pisell-reservation-schedule-label-trigger",
+    "aria-label": locales.getText(I18N_PICK_DATE),
+    "aria-haspopup": "dialog",
+    "aria-expanded": calendarOpen,
+    onClick: function onClick() {
+      return setCalendarOpen(true);
+    }
+  }, centerLabel), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "pisell-reservation-schedule-btn",
+    "aria-label": locales.getText(I18N_NEXT),
+    disabled: nextDisabled,
+    onClick: function onClick() {
+      if (navigationLocked) return;
+      emit(value.add(1, 'day'));
+    }
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
+    className: "pisell-reservation-schedule-btn-icon"
+  }))), /*#__PURE__*/React.createElement(Modal, {
+    title: locales.getText(I18N_PICK_DATE_TITLE),
+    open: !navigationLocked && calendarOpen,
+    onCancel: function onCancel() {
+      return setCalendarOpen(false);
+    },
+    footer: null,
+    width: "auto",
+    centered: true,
+    destroyOnClose: true,
+    wrapClassName: "pisell-reservation-schedule-date-modal"
+  }, /*#__PURE__*/React.createElement(DateCalendar, {
+    value: value,
+    minDate: minDate,
+    maxDate: maxDate,
+    onChange: function onChange(d) {
+      if (d) {
+        emit(dayjs(d));
+        setCalendarOpen(false);
+      }
+    }
+  })));
+}
+PisellReservationSchedule.displayName = 'PisellReservationSchedule';

package/es/components/pisellReservationSchedule/PisellReservationSchedule.less

@@ -0,0 +1,88 @@
+.pisell-reservation-schedule {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+
+.pisell-reservation-schedule-inner {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  max-width: 100%;
+  padding: 6px 10px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.1);
+  box-sizing: border-box;
+}
+
+.pisell-reservation-schedule-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin: 0;
+  border: none;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.08);
+  color: rgba(255, 255, 255, 0.85);
+  cursor: pointer;
+  flex-shrink: 0;
+
+  &:hover:not(:disabled) {
+    background: rgba(255, 255, 255, 0.14);
+    color: #fff;
+  }
+
+  &:disabled {
+    opacity: 0.35;
+    cursor: not-allowed;
+  }
+}
+
+.pisell-reservation-schedule-btn-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.pisell-reservation-schedule-label {
+  flex: 1;
+  min-width: 0;
+  padding: 0 12px;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 1.35;
+  color: rgba(255, 255, 255, 0.92);
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.pisell-reservation-schedule-label--static {
+  cursor: default;
+}
+
+.pisell-reservation-schedule-label-trigger {
+  margin: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  color: rgba(255, 255, 255, 0.92);
+  width: 100%;
+
+  &:hover {
+    color: #fff;
+  }
+
+  &:focus-visible {
+    outline: 2px solid rgba(255, 255, 255, 0.45);
+    outline-offset: 2px;
+    border-radius: 4px;
+  }
+}

package/es/components/pisellReservationSchedule/PisellReservationSchedule.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellReservationSchedule } from './PisellReservationSchedule';
+/**
+ * PisellReservationSchedule：预约营业日导航（上一天 / 日期文案 / 下一天）。
+ * 多语言与日期格式依赖 LowCode 引擎 locale。详见组件目录下 docs/PisellReservationSchedule.md。
+ */
+declare const meta: Meta<typeof PisellReservationSchedule>;
+export default meta;
+declare type Story = StoryObj<typeof PisellReservationSchedule>;
+export declare const Default: Story;
+export declare const WithMinMax: Story;
+export declare const Controlled: Story;

package/es/components/pisellReservationSchedule/PisellReservationSchedule.stories.js

@@ -0,0 +1,105 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from 'react';
+import dayjs from 'dayjs';
+import { PisellReservationSchedule } from "./PisellReservationSchedule";
+
+/**
+ * PisellReservationSchedule：预约营业日导航（上一天 / 日期文案 / 下一天）。
+ * 多语言与日期格式依赖 LowCode 引擎 locale。详见组件目录下 docs/PisellReservationSchedule.md。
+ */
+var meta = {
+  title: 'Data Entry/PisellReservationSchedule',
+  component: PisellReservationSchedule,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded',
+    docs: {
+      description: {
+        component: '深色圆角营业日条：左右切换日历日，中间展示「今天（若当日）· 日期 · 星期」。可与 PisellTimeNavigator 组合为 PisellReservationScheduleBand。支持受控 `value` / `onChange(dayjs)`，以及 `minDate` / `maxDate`。'
+      }
+    }
+  },
+  argTypes: {
+    value: {
+      description: '当前选中日（受控），dayjs 或可解析字符串',
+      control: 'text'
+    },
+    defaultValue: {
+      description: '非受控初始日',
+      control: 'text'
+    },
+    minDate: {
+      description: '不可早于该日（含）',
+      control: 'text'
+    },
+    maxDate: {
+      description: '不可晚于该日（含）',
+      control: 'text'
+    },
+    onChange: {
+      action: 'onChange',
+      description: '选中日变更，参数为 Dayjs（当日 0 点）'
+    },
+    className: {
+      control: 'text'
+    }
+  }
+};
+export default meta;
+export var Default = {
+  args: {
+    defaultValue: dayjs().format('YYYY-MM-DD')
+  },
+  decorators: [function (StoryComp) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxWidth: 440
+      }
+    }, /*#__PURE__*/React.createElement(StoryComp, null));
+  }]
+};
+export var WithMinMax = {
+  args: {
+    defaultValue: dayjs().format('YYYY-MM-DD'),
+    minDate: dayjs().startOf('day'),
+    maxDate: dayjs().add(14, 'day').endOf('day')
+  },
+  decorators: [function (StoryComp) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxWidth: 440
+      }
+    }, /*#__PURE__*/React.createElement(StoryComp, null));
+  }]
+};
+export var Controlled = {
+  render: function ControlledRender() {
+    var _useState = useState(dayjs().startOf('day')),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxWidth: 440
+      }
+    }, /*#__PURE__*/React.createElement(PisellReservationSchedule, {
+      value: value,
+      onChange: function onChange(d) {
+        setValue(d);
+        // eslint-disable-next-line no-console
+        console.log('onChange', d.format('YYYY-MM-DD'));
+      }
+    }), /*#__PURE__*/React.createElement("p", {
+      style: {
+        marginTop: 12,
+        fontSize: 12,
+        color: '#666'
+      }
+    }, "\u5F53\u524D\uFF1A", value.format('YYYY-MM-DD dddd')));
+  }
+};

package/es/components/pisellReservationSchedule/index.d.ts

@@ -0,0 +1,2 @@
+export { PisellReservationSchedule } from './PisellReservationSchedule';
+export type { PisellReservationScheduleProps, ReservationScheduleValue, } from './types';

package/es/components/pisellReservationSchedule/index.js

@@ -0,0 +1 @@
+export { PisellReservationSchedule } from "./PisellReservationSchedule";

package/es/components/pisellReservationSchedule/locales.d.ts

@@ -0,0 +1,25 @@
+/** PisellReservationSchedule 多语言；使用前 locales.init 合并 */
+declare const _default: {
+    en: {
+        'pisell-reservation-schedule.today': string;
+        'pisell-reservation-schedule.prev': string;
+        'pisell-reservation-schedule.next': string;
+        'pisell-reservation-schedule.pick-date': string;
+        'pisell-reservation-schedule.pick-date-title': string;
+    };
+    'zh-CN': {
+        'pisell-reservation-schedule.today': string;
+        'pisell-reservation-schedule.prev': string;
+        'pisell-reservation-schedule.next': string;
+        'pisell-reservation-schedule.pick-date': string;
+        'pisell-reservation-schedule.pick-date-title': string;
+    };
+    'zh-HK': {
+        'pisell-reservation-schedule.today': string;
+        'pisell-reservation-schedule.prev': string;
+        'pisell-reservation-schedule.next': string;
+        'pisell-reservation-schedule.pick-date': string;
+        'pisell-reservation-schedule.pick-date-title': string;
+    };
+};
+export default _default;

package/es/components/pisellReservationSchedule/locales.js

@@ -0,0 +1,24 @@
+/** PisellReservationSchedule 多语言；使用前 locales.init 合并 */
+export default {
+  en: {
+    'pisell-reservation-schedule.today': 'Today',
+    'pisell-reservation-schedule.prev': 'Previous day',
+    'pisell-reservation-schedule.next': 'Next day',
+    'pisell-reservation-schedule.pick-date': 'Pick a date',
+    'pisell-reservation-schedule.pick-date-title': 'Pick a date'
+  },
+  'zh-CN': {
+    'pisell-reservation-schedule.today': '今天',
+    'pisell-reservation-schedule.prev': '上一天',
+    'pisell-reservation-schedule.next': '下一天',
+    'pisell-reservation-schedule.pick-date': '选择日期',
+    'pisell-reservation-schedule.pick-date-title': '选择日期'
+  },
+  'zh-HK': {
+    'pisell-reservation-schedule.today': '今天',
+    'pisell-reservation-schedule.prev': '上一日',
+    'pisell-reservation-schedule.next': '下一日',
+    'pisell-reservation-schedule.pick-date': '選擇日期',
+    'pisell-reservation-schedule.pick-date-title': '選擇日期'
+  }
+};