@pisell/materials 1.0.1063 → 1.0.1065

package/es/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolbar.less

@@ -0,0 +1,23 @@
+/**
+ * 平面视图：工具栏常仅一行（ScheduleBand），去掉 GridPro 默认底内边距。
+ * 不用仅依赖 #body：Story/本地预览可能没有 id=body，低代码若再包一层 #body 会导致双前缀失效。
+ * !important：确保晚于 @pisellGridPro/ToolBar 中单类 .pisell-grid-pro-toolbar 的 padding-bottom。
+ */
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--floor-map {
+  padding-bottom: 0 !important;
+}
+
+#body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--floor-map {
+  padding-bottom: 0 !important;
+}
+
+/* 表格态工具栏与内容对齐：左右留白 16；平面图态不加此内边距 */
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+#body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
+  padding-left: 16px;
+  padding-right: 16px;
+}

package/es/components/pisellRecordBoard/shellFrame/index.d.ts

@@ -3,6 +3,7 @@ import RecordBoardToolBar from './ToolBar';
 import RecordBoardBatchActionBar from './BatchActionBar';
 import RecordBoardPagination from './Pagination';
 import RecordBoardSearch from './Search';
+import './shellFrameFloorMap.less';
 import ToolBarReset from './ToolBarReset';
 import ToolBarQuickFilter from './ToolBarQuickFilter';
 import RecordBoardFloorMap from './FloorMap';
@@ -18,3 +19,4 @@ declare const RecordBoardShellFrame: React.FC<{
 }>;
 export default RecordBoardShellFrame;
 export { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, ToolBarReset, ToolBarQuickFilter, RecordBoardFloorMap };
+export { useRecordBoardShellBodyMeta } from './ShellBodyMetaContext';

package/es/components/pisellRecordBoard/shellFrame/index.js

@@ -14,6 +14,7 @@ import RecordBoardToolBar from "./ToolBar";
 import RecordBoardBatchActionBar from "./BatchActionBar";
 import RecordBoardPagination from "./Pagination";
 import RecordBoardSearch from "./Search";
+import "./shellFrameFloorMap.less";
 import ToolBarReset from "./ToolBarReset";
 import ToolBarQuickFilter from "./ToolBarQuickFilter";
 import RecordBoardFloorMap from "./FloorMap";
@@ -134,12 +135,14 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
     return (_ctx$floorMapLayoutCo = ctx.floorMapLayoutContext) !== null && _ctx$floorMapLayoutCo !== void 0 ? _ctx$floorMapLayoutCo : EMPTY_FLOOR_MAP_LAYOUT_CONTEXT;
   }, [ctx.floorMapLayoutContext]);
   var floorMapNode = effectiveFloorMapProps && !showGrid ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-record-board-floor-map-viewport",
     style: {
       flex: 1,
       minHeight: 0,
       display: 'flex',
       flexDirection: 'column',
-      overflow: 'hidden'
+      overflow: 'hidden',
+      position: 'relative'
     }
   }, /*#__PURE__*/React.createElement(FloorMapLayoutProvider, {
     value: floorMapLayoutProviderValue
@@ -156,7 +159,9 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
       flex: 1,
       minHeight: 0
     }, (_effectiveFloorMapPro3 = effectiveFloorMapProps.style) !== null && _effectiveFloorMapPro3 !== void 0 ? _effectiveFloorMapPro3 : {})
-  })))) : null;
+  }))), ctx.floorMapFooter ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-record-board-floor-map-floating-slot"
+  }, ctx.floorMapFooter) : null) : null;
   var bodyContent = fillHeight ? /*#__PURE__*/React.createElement(React.Fragment, null, showGrid ? /*#__PURE__*/React.createElement(ScrollAreaMeasurer, {
     onHeight: (_ctx$setScrollAreaHei = ctx === null || ctx === void 0 ? void 0 : ctx.setScrollAreaHeight) !== null && _ctx$setScrollAreaHei !== void 0 ? _ctx$setScrollAreaHei : function () {},
     autoCalc: ctx === null || ctx === void 0 || (_ctx$childComponentPr = ctx.childComponentProps) === null || _ctx$childComponentPr === void 0 || (_ctx$childComponentPr = _ctx$childComponentPr.grid) === null || _ctx$childComponentPr === void 0 || (_ctx$childComponentPr = _ctx$childComponentPr.scroll) === null || _ctx$childComponentPr === void 0 ? void 0 : _ctx$childComponentPr.autoCalc
@@ -183,4 +188,5 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
 };
 RecordBoardShellFrame.displayName = 'RecordBoard.ShellFrame';
 export default RecordBoardShellFrame;
-export { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, ToolBarReset, ToolBarQuickFilter, RecordBoardFloorMap };
+export { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, ToolBarReset, ToolBarQuickFilter, RecordBoardFloorMap };
+export { useRecordBoardShellBodyMeta } from "./ShellBodyMetaContext";

package/es/components/pisellRecordBoard/shellFrame/shellFrameFloorMap.less

@@ -0,0 +1,25 @@
+/** 平面图区域：画布 + 悬浮层共用，便于底部按钮叠在画布上 */
+.pisell-record-board-floor-map-viewport {
+  box-sizing: border-box;
+}
+
+/**
+ * 画布内底部居中悬浮插槽（如「编辑平面图」）。
+ * 容器不接收指针事件，避免挡画布拖拽/缩放；子节点恢复可点。
+ */
+.pisell-record-board-floor-map-floating-slot {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: none;
+  /* 高于 PisellFloorMapLayout 内 ViewControls(20)，避免与左下角控件叠次序模糊 */
+  z-index: 25;
+
+  > * {
+    pointer-events: auto;
+  }
+}

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

@@ -204,6 +204,10 @@ export interface RecordBoardContextValue {
     defaultBodyView?: RecordBoardBodyView;
     /** 挂到 ShellFrame 内 PisellFloorMapLayout，供外部 imperative 调用（如 saveLayout / fitBounds） */
     floorMapLayoutRef?: Ref<PisellFloorMapLayoutRef | null>;
+    /**
+     * 平面图视图下叠在画布内的底部居中悬浮区（如「编辑平面图」），不单独占一行 footer。
+     */
+    floorMapFooter?: ReactNode;
 }
 /**
  * 各 layout 下子组件的可选透传配置（类似 ChildComponentProps）
@@ -370,6 +374,8 @@ export interface RecordBoardProps {
     bodyViewStorageKey?: string;
     /** 平面图 Layout 实例 ref，由 ShellFrame 注入 */
     floorMapLayoutRef?: Ref<PisellFloorMapLayoutRef | null>;
+    /** 平面图画布内底部悬浮插槽（如编辑入口），注入 Context 供 ShellFrame 渲染 */
+    floorMapFooter?: ReactNode;
     /** 其他 */
     [key: string]: any;
 }

package/es/components/pisellReservationScheduleBand/PisellReservationScheduleBand.js

@@ -29,6 +29,7 @@ export function PisellReservationScheduleBand(props) {
     timeNavigatorProps = props.timeNavigatorProps,
     scheduleStartSlot = props.scheduleStartSlot,
     scheduleEndSlot = props.scheduleEndSlot,
+    scheduleAfterDateSlot = props.scheduleAfterDateSlot,
     className = props.className,
     style = props.style;
   var isControlled = valueProp !== undefined;
@@ -78,7 +79,9 @@ export function PisellReservationScheduleBand(props) {
   }, /*#__PURE__*/React.createElement(PisellReservationSchedule, _extends({
     value: effective.date,
     onChange: handleDateChange
-  }, scheduleProps))), /*#__PURE__*/React.createElement("div", {
+  }, scheduleProps)), scheduleAfterDateSlot ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-reservation-schedule-band-after-date"
+  }, scheduleAfterDateSlot) : null), /*#__PURE__*/React.createElement("div", {
     className: "pisell-reservation-schedule-band-slot-end"
   }, scheduleEndSlot)), /*#__PURE__*/React.createElement("div", {
     className: "pisell-reservation-schedule-band-navigator"

package/es/components/pisellReservationScheduleBand/PisellReservationScheduleBand.less

@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: stretch;
   width: 100%;
-  gap: 12px;
+  gap: 0;
   box-sizing: border-box;
 }
 
@@ -40,7 +40,24 @@
   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 {

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

@@ -40,6 +40,10 @@ export interface PisellReservationScheduleBandProps {
      * 顶栏日程行：PisellReservationSchedule 右侧自定义内容（如状态、主按钮）
      */
     scheduleEndSlot?: ReactNode;
+    /**
+     * 顶栏日程行：紧挨在选日组件之后（如「跟随当前」），与中间列同一 flex 区
+     */
+    scheduleAfterDateSlot?: ReactNode;
     className?: string;
     style?: CSSProperties;
 }

package/es/components/pisellTimeNavigator/PisellTimeNavigator.js

@@ -4,6 +4,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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); }
@@ -32,6 +36,8 @@ var CURSOR_MOVES_NOW_RESERVE_PX = 56;
 var CURSOR_MOVES_H_PADDING_PX = 8;
 /** cursor-moves 横向：每格最小宽度（再小刻度不可读） */
 var CURSOR_MOVES_MIN_CELL_PX = 8;
+/** 密度层高度：时间轴 48px 内留少量上下边距 */
+var DENSITY_LAYER_HEIGHT = 46;
 
 /**
  * PisellTimeNavigator：可拖动的时间导航轴，时间范围内浏览、选择、控制
@@ -74,7 +80,9 @@ export function PisellTimeNavigator(props) {
     _props$timeFormat = props.timeFormat,
     timeFormat = _props$timeFormat === void 0 ? 'HH:mm' : _props$timeFormat,
     renderNowButton = props.renderNowButton,
-    onUserInteraction = props.onUserInteraction;
+    onUserInteraction = props.onUserInteraction,
+    densitySeriesProp = props.densitySeries,
+    loadDensityProp = props.loadDensity;
   var context = useEngineContext();
   locales.init(pisellTimeNavigatorLocales, (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');
 
@@ -88,14 +96,53 @@ export function PisellTimeNavigator(props) {
   }, [referenceDateProp]);
   var referenceDate = referenceDateFromProp !== null && referenceDateFromProp !== void 0 ? referenceDateFromProp : dayjs().startOf('day');
   var isHorizontal = orientation === 'horizontal';
+
+  /** 按自然日稳定依赖，避免无 referenceDate prop 时每次 render 新建 dayjs 触发重复 loadDensity */
+  var referenceDayKey = referenceDateFromProp != null ? referenceDateFromProp.format('YYYY-MM-DD') : dayjs().format('YYYY-MM-DD');
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    densityLoaded = _useState2[0],
+    setDensityLoaded = _useState2[1];
+  var densityReqId = useRef(0);
+  var densityGradientId = useMemo(function () {
+    return "pisell-time-density-fill-".concat(Math.random().toString(36).slice(2, 8));
+  }, []);
+  useEffect(function () {
+    if (densitySeriesProp !== undefined) {
+      setDensityLoaded(undefined);
+      return;
+    }
+    if (!loadDensityProp) {
+      setDensityLoaded(undefined);
+      return;
+    }
+    var req = ++densityReqId.current;
+    var cancelled = false;
+    setDensityLoaded(undefined);
+    var refDay = dayjs(referenceDayKey).startOf('day');
+    void loadDensityProp({
+      referenceDate: refDay,
+      stepMinutes: stepMinutes
+    }).then(function (arr) {
+      if (cancelled || req !== densityReqId.current) return;
+      setDensityLoaded(Array.isArray(arr) ? arr : []);
+    }).catch(function () {
+      if (cancelled || req !== densityReqId.current) return;
+      setDensityLoaded(undefined);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [referenceDayKey, stepMinutes, loadDensityProp, densitySeriesProp]);
+  var resolvedDensity = densitySeriesProp !== undefined ? densitySeriesProp : densityLoaded;
   var isAxisMoves = cursorMode === 'axis-moves';
-  var _useState = useState({
+  var _useState3 = useState({
       w: 0,
       h: 0
     }),
-    _useState2 = _slicedToArray(_useState, 2),
-    viewportSize = _useState2[0],
-    setViewportSize = _useState2[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    viewportSize = _useState4[0],
+    setViewportSize = _useState4[1];
 
   /** 挂载和视口变化时同步尺寸（需在 cellSize 计算之前声明 state） */
   var viewportWrapRef = useRef(null);
@@ -142,14 +189,54 @@ export function PisellTimeNavigator(props) {
     orientation: orientation,
     cellSizePx: cellSizePx
   });
+  var horizontalDensityCurve = useMemo(function () {
+    if (!isHorizontal || !(resolvedDensity !== null && resolvedDensity !== void 0 && resolvedDensity.length)) return null;
+    var ticksN = axis.ticks.length;
+    var n = Math.min(resolvedDensity.length, ticksN);
+    if (n < 2) return null;
+    var slice = resolvedDensity.slice(0, n);
+    var maxV = Math.max.apply(Math, _toConsumableArray(slice).concat([0]));
+    var minV = Math.min.apply(Math, _toConsumableArray(slice).concat([0]));
+    var span = Math.max(1, maxV - minV);
+    var h = DENSITY_LAYER_HEIGHT;
+    var points = slice.map(function (v, i) {
+      var x = i * cellSizePx + cellSizePx / 2;
+      /** 映射到 [0,1]：最低值贴底，最高值接近顶部，基本吃满密度层高度 */
+      var t = (v - minV) / span;
+      var y = h - 1 - t * (h - 3);
+      return {
+        x: x,
+        y: y
+      };
+    });
+    var first = points[0];
+    var last = points[points.length - 1];
+    var linePath = "M ".concat(first.x, " ").concat(first.y);
+    for (var i = 0; i < points.length - 1; i += 1) {
+      var p0 = points[i];
+      var p1 = points[i + 1];
+      var cx = (p0.x + p1.x) / 2;
+      var cy = (p0.y + p1.y) / 2;
+      linePath += " Q ".concat(p0.x, " ").concat(p0.y, " ").concat(cx, " ").concat(cy);
+    }
+    linePath += " T ".concat(last.x, " ").concat(last.y);
+    var areaPath = "".concat(linePath, " L ").concat(last.x, " ").concat(h, " L ").concat(first.x, " ").concat(h, " Z");
+    return {
+      points: points,
+      linePath: linePath,
+      areaPath: areaPath,
+      h: h,
+      w: axis.totalLengthPx
+    };
+  }, [isHorizontal, resolvedDensity, axis.ticks, axis.totalLengthPx, cellSizePx]);
   var isControlled = valueProp !== undefined;
-  var _useState3 = useState(function () {
+  var _useState5 = useState(function () {
       var v = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue;
       return parseValue(v, referenceDate);
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    internalValue = _useState4[0],
-    setInternalValue = _useState4[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    internalValue = _useState6[0],
+    setInternalValue = _useState6[1];
   var value = isControlled ? valueProp != null ? parseValue(valueProp, referenceDate) : null : internalValue;
   var effectiveValue = value !== null && value !== void 0 ? value : axis.rangeStart;
   var scrollRef = useRef(null);
@@ -159,17 +246,17 @@ export function PisellTimeNavigator(props) {
   var valueUpdatedByScrollRef = useRef(false);
   /** 手指是否仍按在滚动区域上；仅当完全松手后才执行吸附 */
   var isPointerDownRef = useRef(false);
-  var _useState5 = useState({
+  var _useState7 = useState({
       scrollLeft: 0,
       scrollTop: 0
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    scrollPosition = _useState6[0],
-    setScrollPosition = _useState6[1];
-  /** 每分钟更新一次，使当前时间线/渐变块随真实时间移动 */
-  var _useState7 = useState(0),
     _useState8 = _slicedToArray(_useState7, 2),
-    setNowTick = _useState8[1];
+    scrollPosition = _useState8[0],
+    setScrollPosition = _useState8[1];
+  /** 每分钟更新一次，使当前时间线/渐变块随真实时间移动 */
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    setNowTick = _useState10[1];
   useEffect(function () {
     var id = setInterval(function () {
       return setNowTick(function (n) {
@@ -208,6 +295,43 @@ export function PisellTimeNavigator(props) {
   var axisStartMarginW = isHorizontal && !isAxisMoves ? CURSOR_MOVES_H_PADDING_PX : Math.max(0, halfViewportW - dotOffsetPx);
   var axisStartMarginH = Math.max(0, halfViewportH - dotOffsetPx);
 
+  /**
+   * 横向 axis-wrap：无 Now 时用 width:100% + minWidth:自然内容宽，铺满滚动视口；内容更长时仍可横向滚动。
+   * 依赖 effectiveViewportW（须在 viewportSize 之后计算）。
+   */
+  var horizontalAxisWrapStyle = useMemo(function () {
+    if (!isHorizontal) return null;
+    var minHeight = 48;
+    if (isAxisMoves) {
+      var _natural = axis.totalLengthPx + (effectiveViewportW - cellSizePx);
+      if (!showNowButton) {
+        return {
+          width: '100%',
+          minWidth: _natural,
+          minHeight: minHeight,
+          boxSizing: 'border-box'
+        };
+      }
+      return {
+        width: _natural,
+        minHeight: minHeight
+      };
+    }
+    var natural = CURSOR_MOVES_H_PADDING_PX + axis.totalLengthPx + CURSOR_MOVES_H_PADDING_PX;
+    if (!showNowButton) {
+      return {
+        width: '100%',
+        minWidth: natural,
+        minHeight: minHeight,
+        boxSizing: 'border-box'
+      };
+    }
+    return {
+      width: natural,
+      minHeight: minHeight
+    };
+  }, [isHorizontal, isAxisMoves, axis.totalLengthPx, effectiveViewportW, cellSizePx, showNowButton]);
+
   /** 拖动中：用连续映射按 1 分钟步长显示时间（不吸附到 stepMinutes） */
   var handleScroll = useCallback(function (data) {
     /** 程序性滚动到中心（如点 Now）过程中不更新任何状态，避免时间轴再动、value 被覆盖 */
@@ -519,11 +643,7 @@ export function PisellTimeNavigator(props) {
     onPointerLeave: inertiaHandlers.onPointerUp
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-time-navigator-axis-wrap",
-    style: isHorizontal ? isAxisMoves ? {
-      width: axis.totalLengthPx + (effectiveViewportW - cellSizePx),
-      minHeight: 48
-    } : {
-      width: CURSOR_MOVES_H_PADDING_PX + axis.totalLengthPx + CURSOR_MOVES_H_PADDING_PX,
+    style: isHorizontal ? horizontalAxisWrapStyle !== null && horizontalAxisWrapStyle !== void 0 ? horizontalAxisWrapStyle : {
       minHeight: 48
     } : {
       width: '100%'
@@ -555,7 +675,45 @@ export function PisellTimeNavigator(props) {
     orientation: orientation,
     pastTimeFade: pastTimeFade,
     businessHoursPx: businessHoursPx
-  }), /*#__PURE__*/React.createElement(ScaleLayer, {
+  }), horizontalDensityCurve ? /*#__PURE__*/React.createElement("svg", {
+    className: "pisell-time-navigator-density-layer",
+    width: horizontalDensityCurve.w,
+    height: horizontalDensityCurve.h,
+    viewBox: "0 0 ".concat(horizontalDensityCurve.w, " ").concat(horizontalDensityCurve.h),
+    preserveAspectRatio: "none",
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: densityGradientId,
+    x1: "0",
+    y1: "0",
+    x2: "0",
+    y2: "1"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0%",
+    stopColor: "#ff9c66",
+    stopOpacity: "0.32"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "100%",
+    stopColor: "#ff9c66",
+    stopOpacity: "0.02"
+  }))), /*#__PURE__*/React.createElement("path", {
+    d: horizontalDensityCurve.areaPath,
+    fill: "url(#".concat(densityGradientId, ")")
+  }), /*#__PURE__*/React.createElement("path", {
+    d: horizontalDensityCurve.linePath,
+    fill: "none",
+    stroke: "#ff8a4a",
+    strokeWidth: 1.8,
+    vectorEffect: "non-scaling-stroke"
+  }), horizontalDensityCurve.points.map(function (p, i) {
+    return /*#__PURE__*/React.createElement("circle", {
+      key: i,
+      cx: p.x,
+      cy: p.y,
+      r: 1.4,
+      fill: "#ff8a4a"
+    });
+  })) : null, /*#__PURE__*/React.createElement(ScaleLayer, {
     orientation: orientation,
     ticks: axis.ticks,
     stepMinutes: stepMinutes,

package/es/components/pisellTimeNavigator/PisellTimeNavigator.less

@@ -128,6 +128,15 @@
   flex-shrink: 0;
 }
 
+.pisell-time-navigator-density-layer {
+  position: absolute;
+  left: 0;
+  top: 1px;
+  z-index: 0;
+  pointer-events: none;
+  overflow: visible;
+}
+
 /* 背景层（营业时间、过去时间淡化等；当前时间渐变已拆出为独立块） */
 .pisell-time-navigator-background {
   position: absolute;
@@ -369,6 +378,8 @@
 
   &--horizontal {
     height: 100%;
+    width: 100%;
+    box-sizing: border-box;
   }
 
   &--vertical {

package/es/components/pisellTimeNavigator/components/CursorLayer.js

@@ -10,10 +10,10 @@ import classNames from 'classnames';
 var CURSOR_LINE_WIDTH_H = 3;
 var CURSOR_LINE_HEIGHT_V = 2;
 
-/**
- * 时间指示器层：竖线/横线 + 时间气泡
- * 对齐基准为内部的竖线/横线，不是整块（气泡）的边或中心。
- * 横向：竖线 3px；竖向：横线 2px。Realtime 态 #FF692E，浏览态 #344054
+/**
+ * 时间指示器层：竖线/横线 + 时间气泡
+ * 对齐基准为内部的竖线/横线，不是整块（气泡）的边或中心。
+ * 横向：竖线 3px；竖向：横线 2px。Realtime 态 #FF692E，浏览态 #344054
  */
 export function CursorLayer(_ref) {
   var orientation = _ref.orientation,

package/es/components/pisellTimeNavigator/components/ScaleLayer.js

@@ -6,9 +6,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import classNames from 'classnames';
-/**
- * 刻度层：渲染时间刻度与标签
- * 横向：整点数字 + 小圆点；竖向：整点/半点数字 + 分割线
+/**
+ * 刻度层：渲染时间刻度与标签
+ * 横向：整点数字 + 小圆点；竖向：整点/半点数字 + 分割线
  */
 export function ScaleLayer(_ref) {
   var orientation = _ref.orientation,

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

@@ -142,6 +142,17 @@ export interface PisellTimeNavigatorProps {
      * 自定义 Now 按钮内容（覆盖默认文案与图标时使用）
      */
     renderNowButton?: () => ReactNode;
+    /**
+     * 横向轴上与刻度槽位数一致的密度序列（任意正数，内部按最大值归一化折线高度）
+     */
+    densitySeries?: number[];
+    /**
+     * 未传 `densitySeries` 时按 `referenceDate` 拉取；日历日变更会重新请求，过期响应丢弃
+     */
+    loadDensity?: (params: {
+        referenceDate: Dayjs;
+        stepMinutes: number;
+    }) => Promise<number[]>;
     /**
      * 用户开始操作时间轴（拖轴、点刻度、键盘、拖指针等）时回调；用于上层关闭「跟随当前」等。
      */

package/es/hooks/useResponsive.d.ts

@@ -1,4 +1,4 @@
 declare type ResponsiveConfig = Record<string, number>;
 export declare function configResponsive(config: ResponsiveConfig): void;
-export default function useResponsive(): "pc" | "ipad" | "phone";
+export default function useResponsive(): "phone" | "pc" | "ipad";
 export {};

package/es/index.d.ts

@@ -129,7 +129,7 @@ export { default as PisellRow } from './components/pisellRow';
 export { default as Div } from './components/div';
 export { default as PisellBasicGrid } from './components/PisellBasicGrid';
 export { default as PisellScrollView } from './components/PisellScrollView';
-export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, } from './components/pisellFloorMapLayout';
+export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, FloorMapImageElement, FLOOR_MAP_IMAGE_ELEMENT_KIND, renderFloorMapFallbackPlaceholder, isFloorMapImageElementKind, } from './components/pisellFloorMapLayout';
 export type { FloorMapViewConfig, FloorMapSceneElement, FloorMapCanvasNameI18n, FloorMapMergedItem, FloorMapDataSources, FloorMapItemBase, FloorMapRenderOptions, } from './components/pisellFloorMapLayout';
 /** PisellLayouts 命名空间另含 PisellFloorMapLayoutProps 等；平面图场景细粒度类型见上方 */
 export { default as PisellViewGrid } from './components/pisellViewGrid';
@@ -141,7 +141,7 @@ export type { ToolBarProps } from './components/pisellGridPro/ToolBar';
 export { default as PisellGridPro } from './components/pisellGridPro';
 export type { GridProProps } from './components/pisellGridPro';
 export { default as RecordView } from './components/record-view';
-export { default as PisellRecordBoard, useRecordBoardContext, } from './components/pisellRecordBoard';
+export { default as PisellRecordBoard, useRecordBoardContext, useRecordBoardShellBodyMeta } from './components/pisellRecordBoard';
 export type { RecordBoardProps, RecordBoardLayoutType, RecordBoardContextValue, RecordBoardChildComponentProps, RecordBoardGridProps, RecordBoardColumnType, RecordBoardFieldType, RecordBoardColumnFilterConfig, RecordBoardOptionItem, RecordBoardGetOptions, RecordBoardBodyView, RecordBoardFloorMapProps, RecordBoardToolBarProps, } from './components/pisellRecordBoard';
 export { PisellShellFrame } from './components/pisellShellFrame';
 export type { PisellShellFrameProps, PisellShellFrameConfig, PisellShellFrameScrollConfig, } from './components/pisellShellFrame';

package/es/index.js

@@ -134,7 +134,7 @@ export { default as Div } from "./components/div";
 export { default as PisellBasicGrid } from "./components/PisellBasicGrid";
 // 类型已在 PisellLayouts 命名空间中导出
 export { default as PisellScrollView } from "./components/PisellScrollView";
-export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable } from "./components/pisellFloorMapLayout";
+export { PisellFloorMapLayout, FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, getFigmaTableCardFromMerged, renderFigmaStyleTableCard, renderFigmaStyleRoundTableCard, getRenderItemByKindTable, getRenderItemByKindRoundTable, FloorMapImageElement, FLOOR_MAP_IMAGE_ELEMENT_KIND, renderFloorMapFallbackPlaceholder, isFloorMapImageElementKind } from "./components/pisellFloorMapLayout";
 /** PisellLayouts 命名空间另含 PisellFloorMapLayoutProps 等；平面图场景细粒度类型见上方 */
 export { default as PisellViewGrid } from "./components/pisellViewGrid";
 
@@ -145,7 +145,7 @@ export { default as PisellGridView } from "./components/pisellGridPro/GridView";
 export { default as PisellToolBar } from "./components/pisellGridPro/ToolBar";
 export { default as PisellGridPro } from "./components/pisellGridPro";
 export { default as RecordView } from "./components/record-view";
-export { default as PisellRecordBoard, useRecordBoardContext } from "./components/pisellRecordBoard";
+export { default as PisellRecordBoard, useRecordBoardContext, useRecordBoardShellBodyMeta } from "./components/pisellRecordBoard";
 export { PisellShellFrame } from "./components/pisellShellFrame";
 // ==================== 表单组件 (Form) ====================
 // 表单及表单项组件