@pisell/materials 1.0.1060 → 1.0.1062

package/es/components/pisellTimeNavigator/PisellTimeNavigator.less

@@ -28,10 +28,6 @@
     -webkit-user-select: none;
   }
 
-  &--vertical .pisell-time-navigator-viewport-wrap {
-    min-height: 0;
-  }
-
   .pisell-time-navigator-cursor-fixed {
     position: absolute;
     left: 0;
@@ -65,6 +61,26 @@
   }
 
   &--vertical {
+    /* flex 子项内竖向轴须 min-height:0 + overflow，否则轴随内容无限增高、无法内部滚动 */
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
+
+    .pisell-time-navigator-viewport-wrap {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .pisell-time-navigator-scroll-host {
+      flex: 1;
+      min-height: 0;
+      overflow: hidden;
+    }
+
     .pisell-time-navigator-axis {
       flex-direction: column;
     }
@@ -274,6 +290,24 @@
   &--realtime .pisell-time-navigator-cursor-bubble {
     background: #ff692e;
   }
+
+  &--draggable {
+    pointer-events: auto;
+    touch-action: none;
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  &--draggable.pisell-time-navigator-cursor--horizontal {
+    width: 36px;
+  }
+
+  &--draggable.pisell-time-navigator-cursor--vertical {
+    height: 40px;
+  }
 }
 
 .pisell-time-navigator-cursor-line {

package/es/components/pisellTimeNavigator/components/BackgroundLayer.js

@@ -4,8 +4,8 @@ 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';
-/**
- * 背景区间层：营业时间高亮、过去时间淡化等（当前时间渐变已拆为独立块，见 axis-wrap 内 .pisell-time-navigator-current-gradient）
+/**
+ * 背景区间层：营业时间高亮、过去时间淡化等（当前时间渐变已拆为独立块，见 axis-wrap 内 .pisell-time-navigator-current-gradient）
  */
 export function BackgroundLayer(_ref) {
   var orientation = _ref.orientation,

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/GestureLayer.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
-/**
- * 交互层：点击刻度跳转、键盘左右/上下 + 回车
+/**
+ * 交互层：点击刻度跳转、键盘左右/上下 + 回车
  */
 export function GestureLayer(_ref) {
   var orientation = _ref.orientation,

package/es/components/pisellTimeNavigator/components/NowButton.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { locales } from '@pisell/utils';
 import classNames from 'classnames';
 var I18N_NOW = 'pisell-time-navigator.now';
-/**
- * Now 按钮：固定入口，点击跳回当前时间并进入 Realtime
- * 横向：右侧，左箭头；竖向：底部，上箭头
+/**
+ * Now 按钮：固定入口，点击跳回当前时间并进入 Realtime
+ * 横向：右侧，左箭头；竖向：底部，上箭头
  */
 export function NowButton(_ref) {
   var orientation = _ref.orientation,

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
-/**
- * 刻度层：渲染时间刻度与标签
- * 横向：整点数字 + 小圆点；竖向：整点/半点数字 + 分割线
+/**
+ * 刻度层：渲染时间刻度与标签
+ * 横向：整点数字 + 小圆点；竖向：整点/半点数字 + 分割线
  */
 export function ScaleLayer(_ref) {
   var orientation = _ref.orientation,

package/es/components/pisellTimeNavigator/hooks/useDragInertia.js

@@ -2,8 +2,8 @@ import { useCallback, useRef } from 'react';
 var DECAY = 0.95;
 var MIN_VELOCITY = 0.5;
 var SAMPLE_MS = 50;
-/**
- * 惯性滚动：根据拖动末段速度在松手后继续滚动并衰减
+/**
+ * 惯性滚动：根据拖动末段速度在松手后继续滚动并衰减
  */
 export function useDragInertia(options) {
   var enabled = options.enabled,

package/es/components/pisellTimeNavigator/hooks/useRealtime.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import dayjs from 'dayjs';
-/**
- * Realtime 模式：每秒将当前系统时间通过 onTick 回传
+/**
+ * Realtime 模式：每秒将当前系统时间通过 onTick 回传
  */
 export function useRealtime(enabled, onTick) {
   useEffect(function () {

package/es/components/pisellTimeNavigator/hooks/useTimeAxis.js

@@ -6,8 +6,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useMemo } from 'react';
 import { getRangeBounds, getTicks } from "../utils";
-/**
- * 时间轴刻度与时间↔像素换算
+/**
+ * 时间轴刻度与时间↔像素换算
  */
 export function useTimeAxis(options) {
   var range = options.range,
@@ -21,9 +21,9 @@ export function useTimeAxis(options) {
       rangeStart = _getRangeBounds2[0],
       rangeEnd = _getRangeBounds2[1];
     var ticks = getTicks(rangeStart, rangeEnd, stepMinutes);
-    /**
-     * 仅当范围结束晚于最后一个刻度时（如全天 23:59）才多一格尾段，使最后一刻可滚到视口中心。
-     * 自定义范围如 08:00–20:00 的最后一格已是 20:00，不再多一格。
+    /**
+     * 仅当范围结束晚于最后一个刻度时（如全天 23:59）才多一格尾段，使最后一刻可滚到视口中心。
+     * 自定义范围如 08:00–20:00 的最后一格已是 20:00，不再多一格。
      */
     var lastTick = ticks.length > 0 ? ticks[ticks.length - 1] : null;
     /** 横向：仅当范围结束晚于最后刻度时多一格尾段 */
@@ -34,9 +34,9 @@ export function useTimeAxis(options) {
     var rawTotalPx = orientation === 'vertical' ? effectiveTicks.length * cellSizePx : (ticks.length + (needTailCell ? 1 : 0)) * cellSizePx;
     /** 防止异常 range/step 导致轴长爆炸（如竖向出现 33M 高度），上限约 2 天 15 分钟步进 */
     var totalLengthPx = Math.min(rawTotalPx, 500000);
-    /**
-     * 横向：每格中心为「时间下面的点」，dotOffsetPx = cellSizePx/2。
-     * 竖向：对齐整点上面的粗线（格顶），dotOffsetPx = 0。
+    /**
+     * 横向：每格中心为「时间下面的点」，dotOffsetPx = cellSizePx/2。
+     * 竖向：对齐整点上面的粗线（格顶），dotOffsetPx = 0。
      */
     var dotOffsetPx = orientation === 'vertical' ? 0 : cellSizePx / 2;
     /** 最大偏移：竖向为最后一格顶；横向有尾格时为最后一格中心延伸，无尾格时为最后一格中心 */

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

@@ -142,4 +142,8 @@ export interface PisellTimeNavigatorProps {
      * 自定义 Now 按钮内容（覆盖默认文案与图标时使用）
      */
     renderNowButton?: () => ReactNode;
+    /**
+     * 用户开始操作时间轴（拖轴、点刻度、键盘、拖指针等）时回调；用于上层关闭「跟随当前」等。
+     */
+    onUserInteraction?: () => void;
 }

package/es/components/pisellTimeNavigator/utils/index.d.ts

@@ -24,3 +24,7 @@ export declare function isInDisabledRanges(t: Dayjs, disabledRanges: TimeRangeOp
  * 在 [rangeStart, rangeEnd] 内按 stepMinutes 生成刻度时间列表（Dayjs）
  */
 export declare function getTicks(rangeStart: Dayjs, rangeEnd: Dayjs, stepMinutes: number): Dayjs[];
+/**
+ * 横向时间轴「格」数量，与 useTimeAxis 中 totalLengthPx 算法一致（含尾格）
+ */
+export declare function getHorizontalAxisSlotCount(range: TimeRangeOption | undefined, referenceDate: Dayjs, stepMinutes: number): number;

package/es/components/pisellTimeNavigator/utils/index.js

@@ -19,9 +19,9 @@ function parseTimeOfDay(timeStr, reference) {
 /** 匹配 HH:mm 或 HH:mm:ss 这类纯时间字符串 */
 var TIME_ONLY_REGEX = /^\s*\d{1,2}:\d{2}(:\d{2})?\s*$/;
 
-/**
- * 解析 value 为 Dayjs，无效则返回 null。
- * 支持 dayjs 可解析的日期时间；纯时间字符串（如 '12:00'、'14:30'）会基于 reference 的日期解析。
+/**
+ * 解析 value 为 Dayjs，无效则返回 null。
+ * 支持 dayjs 可解析的日期时间；纯时间字符串（如 '12:00'、'14:30'）会基于 reference 的日期解析。
  */
 export function parseValue(value, reference) {
   if (value == null) return null;
@@ -33,10 +33,10 @@ export function parseValue(value, reference) {
   return d.isValid() ? d : null;
 }
 
-/**
- * 将 range 转为 [startDayjs, endDayjs]（reference 为营业锚定日的 0 点）
- * - 同日内：如 08:00–22:00
- * - 跨日营业：结束钟面早于或等于开始（如 02:01–次日 02:00）时，end 解析为 reference 的次日同一时刻
+/**
+ * 将 range 转为 [startDayjs, endDayjs]（reference 为营业锚定日的 0 点）
+ * - 同日内：如 08:00–22:00
+ * - 跨日营业：结束钟面早于或等于开始（如 02:01–次日 02:00）时，end 解析为 reference 的次日同一时刻
  */
 export function getRangeBounds(range, reference) {
   if (!range) {
@@ -50,8 +50,8 @@ export function getRangeBounds(range, reference) {
   return [start, end];
 }
 
-/**
- * 将时间吸附到 step 分钟刻度（0、15、30、45 等）：四舍五入到最近刻度。
+/**
+ * 将时间吸附到 step 分钟刻度（0、15、30、45 等）：四舍五入到最近刻度。
  */
 export function snapToStepMinutes(t, stepMinutes) {
   var m = t.minute();
@@ -62,9 +62,9 @@ export function snapToStepMinutes(t, stepMinutes) {
   return t.minute(snapped).second(0).millisecond(0);
 }
 
-/**
- * 判断时间是否落在任一禁用区间内（按绝对时间与区间 [start,end) 比较）
- * 注：与主时间轴同 reference 的跨日 range 一致时需传入同一营业锚定日解析出的区间。
+/**
+ * 判断时间是否落在任一禁用区间内（按绝对时间与区间 [start,end) 比较）
+ * 注：与主时间轴同 reference 的跨日 range 一致时需传入同一营业锚定日解析出的区间。
  */
 export function isInDisabledRanges(t, disabledRanges) {
   if (!(disabledRanges !== null && disabledRanges !== void 0 && disabledRanges.length)) return false;
@@ -88,8 +88,8 @@ export function isInDisabledRanges(t, disabledRanges) {
   return false;
 }
 
-/**
- * 在 [rangeStart, rangeEnd] 内按 stepMinutes 生成刻度时间列表（Dayjs）
+/**
+ * 在 [rangeStart, rangeEnd] 内按 stepMinutes 生成刻度时间列表（Dayjs）
  */
 export function getTicks(rangeStart, rangeEnd, stepMinutes) {
   var out = [];
@@ -99,4 +99,18 @@ export function getTicks(rangeStart, rangeEnd, stepMinutes) {
     cur = cur.add(stepMinutes, 'minute');
   }
   return out;
+}
+
+/**
+ * 横向时间轴「格」数量，与 useTimeAxis 中 totalLengthPx 算法一致（含尾格）
+ */
+export function getHorizontalAxisSlotCount(range, referenceDate, stepMinutes) {
+  var _getRangeBounds3 = getRangeBounds(range, referenceDate),
+    _getRangeBounds4 = _slicedToArray(_getRangeBounds3, 2),
+    rangeStart = _getRangeBounds4[0],
+    rangeEnd = _getRangeBounds4[1];
+  var ticks = getTicks(rangeStart, rangeEnd, stepMinutes);
+  var lastTick = ticks.length > 0 ? ticks[ticks.length - 1] : null;
+  var needTailCell = lastTick != null && rangeEnd.isAfter(lastTick);
+  return ticks.length + (needTailCell ? 1 : 0);
 }

package/es/index.js

@@ -2,26 +2,26 @@
 // 新的命名空间组织方式，提供更好的组件分组和查找体验
 // 同时保留所有原有单独导出，确保向后兼容
 
-/**
- * PisellFields - 字段组件命名空间
- * @example
- * import { PisellFields } from '@pisell/materials';
- * <PisellFields.SingleLineText value="hello" />
- * <PisellFields.Currency value={1000} currencySymbol="$" />
+/**
+ * PisellFields - 字段组件命名空间
+ * @example
+ * import { PisellFields } from '@pisell/materials';
+ * <PisellFields.SingleLineText value="hello" />
+ * <PisellFields.Currency value={1000} currencySymbol="$" />
  */
 export { default as PisellFields } from "./components/PisellFields";
-/**
- * PisellMetrics - 指标展示组件命名空间
- * @example
- * import { PisellMetrics } from '@pisell/materials';
- * <PisellMetrics.MetricCard title="Total Sales" value={1580} />
+/**
+ * PisellMetrics - 指标展示组件命名空间
+ * @example
+ * import { PisellMetrics } from '@pisell/materials';
+ * <PisellMetrics.MetricCard title="Total Sales" value={1580} />
  */
 export { default as PisellMetrics } from "./components/PisellMetrics";
-/**
- * PisellLayouts - 布局组件命名空间
- * @example
- * import { PisellLayouts } from '@pisell/materials';
- * <PisellLayouts.BasicGrid columns={3}>{children}</PisellLayouts.BasicGrid>
+/**
+ * PisellLayouts - 布局组件命名空间
+ * @example
+ * import { PisellLayouts } from '@pisell/materials';
+ * <PisellLayouts.BasicGrid columns={3}>{children}</PisellLayouts.BasicGrid>
  */
 export { default as PisellLayouts } from "./components/PisellLayouts";
 // ==================== Ant Design 组件重导出 ====================

package/lib/components/pisellFloorMapLayout/PisellFloorMapLayout.js

@@ -93,7 +93,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     saveError,
     onElementRenderError,
     toolbarShowSave = true,
-    floorMapFullscreenMode
+    floorMapFullscreenMode,
+    showDataSourceRecordFormBlock
   } = p;
   const isFloorMapView = Boolean(floorMapConfigProp);
   const contentOffsetRef = (0, import_react.useRef)({ x: 0, y: 0 });
@@ -111,7 +112,8 @@ function PisellFloorMapLayoutInner(props, ref) {
     dataSourceRecordForm,
     dataSourceLabels,
     layoutPrefix: PREFIX,
-    contentOffsetRef
+    contentOffsetRef,
+    showDataSourceRecordFormBlock
   });
   const {
     config,
@@ -336,9 +338,10 @@ function PisellFloorMapLayoutInner(props, ref) {
         var _a2;
         return (_a2 = transformRef.current) == null ? void 0 : _a2.resetTransform();
       },
-      fitBounds
+      fitBounds,
+      saveLayout: () => handleSave()
     }),
-    [fitBounds]
+    [fitBounds, handleSave]
   );
   const showSidebar = isFloorMapView && mode === "edit" && config && dataSources;
   return /* @__PURE__ */ import_react.default.createElement(