@pisell/materials 6.11.17 → 6.11.18

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

@@ -0,0 +1,49 @@
+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/pisellTimeNavigator/hooks/useRealtime.ts
+var useRealtime_exports = {};
+__export(useRealtime_exports, {
+  useRealtime: () => useRealtime
+});
+module.exports = __toCommonJS(useRealtime_exports);
+var import_react = require("react");
+var import_dayjs = __toESM(require("dayjs"));
+function useRealtime(enabled, onTick) {
+  (0, import_react.useEffect)(() => {
+    if (!enabled) return;
+    const id = setInterval(() => {
+      onTick((0, import_dayjs.default)());
+    }, 1e3);
+    return () => clearInterval(id);
+  }, [enabled, onTick]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRealtime
+});

package/lib/components/pisellTimeNavigator/hooks/useTimeAxis.d.ts

@@ -0,0 +1,27 @@
+import type { Dayjs } from 'dayjs';
+import type { TimeRangeOption } from '../types';
+export interface UseTimeAxisOptions {
+    range?: TimeRangeOption;
+    stepMinutes: number;
+    referenceDate: Dayjs;
+    orientation: 'horizontal' | 'vertical';
+    /** 横向时每格宽度（px），竖向时每格高度（px） */
+    cellSizePx: number;
+}
+export interface TimeAxisState {
+    rangeStart: Dayjs;
+    rangeEnd: Dayjs;
+    ticks: Dayjs[];
+    /** 时间转主轴偏移（px） */
+    timeToOffset: (t: Dayjs) => number;
+    /** 主轴偏移（px）转时间（最近刻度，用于刻度对齐） */
+    offsetToTime: (offset: number) => Dayjs | null;
+    /** 主轴偏移（px）转时间（连续插值，用于拖动时按分钟步长显示） */
+    offsetToTimeContinuous: (offset: number) => Dayjs | null;
+    /** 主轴总长度（px） */
+    totalLengthPx: number;
+}
+/**
+ * 时间轴刻度与时间↔像素换算
+ */
+export declare function useTimeAxis(options: UseTimeAxisOptions): TimeAxisState;

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

@@ -0,0 +1,87 @@
+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/pisellTimeNavigator/hooks/useTimeAxis.ts
+var useTimeAxis_exports = {};
+__export(useTimeAxis_exports, {
+  useTimeAxis: () => useTimeAxis
+});
+module.exports = __toCommonJS(useTimeAxis_exports);
+var import_react = require("react");
+var import_utils = require("../utils");
+function useTimeAxis(options) {
+  const {
+    range,
+    stepMinutes,
+    referenceDate,
+    orientation,
+    cellSizePx
+  } = options;
+  return (0, import_react.useMemo)(() => {
+    const [rangeStart, rangeEnd] = (0, import_utils.getRangeBounds)(range, referenceDate);
+    const ticks = (0, import_utils.getTicks)(rangeStart, rangeEnd, stepMinutes);
+    const lastTick = ticks.length > 0 ? ticks[ticks.length - 1] : null;
+    const needTailCell = orientation === "horizontal" && lastTick != null && rangeEnd.isAfter(lastTick);
+    const noTailVertical = orientation === "vertical" && lastTick != null && !rangeEnd.isAfter(lastTick);
+    const effectiveTicks = noTailVertical && ticks.length > 0 ? ticks.slice(0, -1) : ticks;
+    const rawTotalPx = orientation === "vertical" ? effectiveTicks.length * cellSizePx : (ticks.length + (needTailCell ? 1 : 0)) * cellSizePx;
+    const totalLengthPx = Math.min(rawTotalPx, 5e5);
+    const dotOffsetPx = orientation === "vertical" ? 0 : cellSizePx / 2;
+    const maxOffsetPx = orientation === "vertical" ? totalLengthPx : dotOffsetPx + (needTailCell ? ticks.length : Math.max(0, ticks.length - 1)) * cellSizePx;
+    const timeToOffset = (t) => {
+      const diffMs = t.diff(rangeStart);
+      const diffMin = diffMs / (60 * 1e3);
+      const index = diffMin / stepMinutes;
+      const px = dotOffsetPx + index * cellSizePx;
+      return Math.max(dotOffsetPx, Math.min(px, maxOffsetPx));
+    };
+    const offsetToTime = (offset) => {
+      const index = Math.round((offset - dotOffsetPx) / cellSizePx);
+      const tick = effectiveTicks[index];
+      return tick ?? null;
+    };
+    const offsetToTimeContinuous = (offset) => {
+      const index = (offset - dotOffsetPx) / cellSizePx;
+      const minutesFromStart = index * stepMinutes;
+      let t = rangeStart.add(minutesFromStart, "minute");
+      if (t.isBefore(rangeStart)) return rangeStart;
+      if (t.isAfter(rangeEnd)) return rangeEnd;
+      return t;
+    };
+    return {
+      rangeStart,
+      rangeEnd,
+      ticks: effectiveTicks,
+      timeToOffset,
+      offsetToTime,
+      offsetToTimeContinuous,
+      totalLengthPx
+    };
+  }, [
+    range == null ? void 0 : range.start,
+    range == null ? void 0 : range.end,
+    stepMinutes,
+    referenceDate.valueOf(),
+    orientation,
+    cellSizePx
+  ]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTimeAxis
+});

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

@@ -0,0 +1,5 @@
+export { PisellTimeNavigator } from './PisellTimeNavigator';
+export { getHorizontalAxisSlotCount, getRangeBounds } from './utils';
+export type { PisellTimeNavigatorProps, TimeNavigatorValue, TimeRangeOption, CursorMode, TimeNavigatorOrientation, } from './types';
+/** 多语言文案（en / zh-CN / zh-HK / ja / pt），使用前请在应用内通过 locales.init(pisellTimeNavigatorLocales, lang) 合并 */
+export { default as pisellTimeNavigatorLocales } from './locales';

package/lib/components/pisellTimeNavigator/index.js

@@ -0,0 +1,47 @@
+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/pisellTimeNavigator/index.tsx
+var pisellTimeNavigator_exports = {};
+__export(pisellTimeNavigator_exports, {
+  PisellTimeNavigator: () => import_PisellTimeNavigator.PisellTimeNavigator,
+  getHorizontalAxisSlotCount: () => import_utils.getHorizontalAxisSlotCount,
+  getRangeBounds: () => import_utils.getRangeBounds,
+  pisellTimeNavigatorLocales: () => import_locales.default
+});
+module.exports = __toCommonJS(pisellTimeNavigator_exports);
+var import_PisellTimeNavigator = require("./PisellTimeNavigator");
+var import_utils = require("./utils");
+var import_locales = __toESM(require("./locales"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellTimeNavigator,
+  getHorizontalAxisSlotCount,
+  getRangeBounds,
+  pisellTimeNavigatorLocales
+});

package/lib/components/pisellTimeNavigator/locales.d.ts

@@ -0,0 +1,22 @@
+/**
+ * PisellTimeNavigator 多语言文案
+ * 使用前请在应用内通过 locales.init() 合并本模块导出的 key
+ */
+declare const _default: {
+    en: {
+        'pisell-time-navigator.now': string;
+    };
+    'zh-CN': {
+        'pisell-time-navigator.now': string;
+    };
+    'zh-HK': {
+        'pisell-time-navigator.now': string;
+    };
+    ja: {
+        'pisell-time-navigator.now': string;
+    };
+    pt: {
+        'pisell-time-navigator.now': string;
+    };
+};
+export default _default;

package/lib/components/pisellTimeNavigator/locales.js

@@ -0,0 +1,41 @@
+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/pisellTimeNavigator/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell-time-navigator.now": "Now"
+  },
+  "zh-CN": {
+    "pisell-time-navigator.now": "现在"
+  },
+  "zh-HK": {
+    "pisell-time-navigator.now": "現在"
+  },
+  ja: {
+    "pisell-time-navigator.now": "今"
+  },
+  pt: {
+    "pisell-time-navigator.now": "Agora"
+  }
+};

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

@@ -0,0 +1,160 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { Dayjs } from 'dayjs';
+/**
+ * value / defaultValue 的 dayjs 兼容类型（组件内部统一为 Dayjs）
+ */
+export declare type TimeNavigatorValue = Dayjs | string | null;
+/**
+ * 时间范围（HH:mm 或 HH:mm:ss，相对 referenceDate 的营业日）
+ * - 同自然日：如 08:00–22:00
+ * - 跨日：结束钟面 ≤ 开始时视为次日结束，如 02:01–02:00 表示至次日 02:00
+ */
+export interface TimeRangeOption {
+    start: string;
+    end: string;
+}
+/**
+ * 拖动/指示器模式
+ * - axis-moves：指示器固定视口中央，刻度移动（默认）
+ * - cursor-moves：刻度固定，指示器在轴上移动
+ */
+export declare type CursorMode = 'axis-moves' | 'cursor-moves';
+/**
+ * 布局方向
+ */
+export declare type TimeNavigatorOrientation = 'horizontal' | 'vertical';
+/**
+ * PisellTimeNavigator 组件 Props
+ */
+export interface PisellTimeNavigatorProps {
+    /**
+     * 当前选中时间（受控）。支持 dayjs 实例或可被 dayjs 解析的字符串
+     */
+    value?: TimeNavigatorValue;
+    /**
+     * 时间变更回调（受控时必传）
+     */
+    onChange?: (value: Dayjs) => void;
+    /**
+     * 默认选中时间（非受控）
+     */
+    defaultValue?: TimeNavigatorValue;
+    /**
+     * 时间轴锚定到的日历日（startOf day）。`range` 的 HH:mm 均相对于该日。
+     * 不传则与历史一致：取「当天」0 点，避免跨天后刻度错位。
+     */
+    referenceDate?: TimeNavigatorValue;
+    /**
+     * 是否 Realtime 模式：value 自动跟随系统当前时间更新
+     * @default false
+     */
+    realtime?: boolean;
+    /**
+     * 时间范围（支持跨日营业，见 {@link TimeRangeOption}）。不传则默认当日 00:00–24:00
+     */
+    range?: TimeRangeOption;
+    /**
+     * 吸附步长（分钟），如 15、30、60
+     * @default 15
+     */
+    stepMinutes?: number;
+    /**
+     * 大刻度间隔（分钟），用于整点刻度；不传则与 stepMinutes 一致或 60
+     * @default 60
+     */
+    majorStepMinutes?: number;
+    /**
+     * 指示器/轴移动模式
+     * @default 'axis-moves'
+     */
+    cursorMode?: CursorMode;
+    /**
+     * 横向或竖向展示
+     * @default 'horizontal'
+     */
+    orientation?: TimeNavigatorOrientation;
+    /**
+     * 营业时间范围（视觉高亮，可选限制选择范围）
+     */
+    businessHours?: TimeRangeOption;
+    /**
+     * 禁用时间段，禁止选中（点击/吸附到该区间无效）
+     */
+    disabledRanges?: TimeRangeOption[];
+    /**
+     * 是否显示 Now 按钮（固定入口）
+     * @default true
+     */
+    showNowButton?: boolean;
+    /**
+     * 为 true 时禁止用户拖动/滚动时间轴、点击刻度改时间（仍随 `value` 程序性对齐视口；用于「跟随当前时刻」等只读轴）
+     * @default false
+     */
+    userInteractionLocked?: boolean;
+    /**
+     * 是否吸附到 step 刻度
+     * @default false
+     */
+    snapToStep?: boolean;
+    /**
+     * 是否开启惯性滚动（拖动松手后减速）
+     * @default false
+     */
+    inertia?: boolean;
+    /**
+     * 过去时间淡化背景色（CSS 颜色值）
+     */
+    pastTimeFade?: string;
+    /**
+     * 容器样式覆盖
+     */
+    containerStyle?: CSSProperties;
+    /**
+     * 刻度层样式覆盖
+     */
+    scaleStyle?: CSSProperties;
+    /**
+     * 时间气泡/竖线样式覆盖（区分 realtime 时由组件内部应用主题色）
+     */
+    cursorStyle?: CSSProperties;
+    /**
+     * Now 按钮样式覆盖
+     */
+    nowButtonStyle?: CSSProperties;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 根节点自定义样式
+     */
+    style?: CSSProperties;
+    /**
+     * dayjs locale
+     */
+    locale?: string;
+    /**
+     * 时间气泡展示格式（dayjs format）
+     * @default 'HH:mm'
+     */
+    timeFormat?: string;
+    /**
+     * 自定义 Now 按钮内容（覆盖默认文案与图标时使用）
+     */
+    renderNowButton?: () => ReactNode;
+    /**
+     * 横向轴上与刻度槽位数一致的密度序列（任意正数，内部按最大值归一化折线高度）
+     */
+    densitySeries?: number[];
+    /**
+     * 未传 `densitySeries` 时按 `referenceDate` 拉取；日历日变更会重新请求，过期响应丢弃
+     */
+    loadDensity?: (params: {
+        referenceDate: Dayjs;
+        stepMinutes: number;
+    }) => Promise<number[]>;
+    /**
+     * 用户开始操作时间轴（拖轴、点刻度、键盘、拖指针等）时回调；用于上层关闭「跟随当前」等。
+     */
+    onUserInteraction?: () => void;
+}

package/lib/components/pisellTimeNavigator/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/pisellTimeNavigator/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

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

@@ -0,0 +1,30 @@
+import { type Dayjs } from 'dayjs';
+import type { TimeNavigatorValue, TimeRangeOption } from '../types';
+/**
+ * 解析 value 为 Dayjs，无效则返回 null。
+ * 支持 dayjs 可解析的日期时间；纯时间字符串（如 '12:00'、'14:30'）会基于 reference 的日期解析。
+ */
+export declare function parseValue(value: TimeNavigatorValue, reference?: Dayjs): Dayjs | null;
+/**
+ * 将 range 转为 [startDayjs, endDayjs]（reference 为营业锚定日的 0 点）
+ * - 同日内：如 08:00–22:00
+ * - 跨日营业：结束钟面早于或等于开始（如 02:01–次日 02:00）时，end 解析为 reference 的次日同一时刻
+ */
+export declare function getRangeBounds(range: TimeRangeOption | undefined, reference: Dayjs): [Dayjs, Dayjs];
+/**
+ * 将时间吸附到 step 分钟刻度（0、15、30、45 等）：四舍五入到最近刻度。
+ */
+export declare function snapToStepMinutes(t: Dayjs, stepMinutes: number): Dayjs;
+/**
+ * 判断时间是否落在任一禁用区间内（按绝对时间与区间 [start,end) 比较）
+ * 注：与主时间轴同 reference 的跨日 range 一致时需传入同一营业锚定日解析出的区间。
+ */
+export declare function isInDisabledRanges(t: Dayjs, disabledRanges: TimeRangeOption[] | undefined): boolean;
+/**
+ * 在 [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/lib/components/pisellTimeNavigator/utils/index.js

@@ -0,0 +1,107 @@
+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/pisellTimeNavigator/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getHorizontalAxisSlotCount: () => getHorizontalAxisSlotCount,
+  getRangeBounds: () => getRangeBounds,
+  getTicks: () => getTicks,
+  isInDisabledRanges: () => isInDisabledRanges,
+  parseValue: () => parseValue,
+  snapToStepMinutes: () => snapToStepMinutes
+});
+module.exports = __toCommonJS(utils_exports);
+var import_dayjs = __toESM(require("dayjs"));
+function parseTimeOfDay(timeStr, reference) {
+  const [h, m, s] = timeStr.trim().split(":").map(Number);
+  return reference.hour(isNaN(h) ? 0 : h).minute(isNaN(m) ? 0 : m).second(isNaN(s) ? 0 : s).millisecond(0);
+}
+var TIME_ONLY_REGEX = /^\s*\d{1,2}:\d{2}(:\d{2})?\s*$/;
+function parseValue(value, reference) {
+  if (value == null) return null;
+  const ref = reference ?? (0, import_dayjs.default)();
+  if (typeof value === "string" && TIME_ONLY_REGEX.test(value)) {
+    return parseTimeOfDay(value, ref);
+  }
+  const d = (0, import_dayjs.default)(value);
+  return d.isValid() ? d : null;
+}
+function getRangeBounds(range, reference) {
+  if (!range) {
+    return [reference.startOf("day"), reference.endOf("day")];
+  }
+  const start = parseTimeOfDay(range.start, reference);
+  let end = parseTimeOfDay(range.end, reference);
+  if (end.isBefore(start) || end.isSame(start)) {
+    end = parseTimeOfDay(range.end, reference.add(1, "day"));
+  }
+  return [start, end];
+}
+function snapToStepMinutes(t, stepMinutes) {
+  const m = t.minute();
+  const snapped = Math.round(m / stepMinutes) * stepMinutes;
+  if (snapped >= 60) {
+    return t.add(1, "hour").minute(0).second(0).millisecond(0);
+  }
+  return t.minute(snapped).second(0).millisecond(0);
+}
+function isInDisabledRanges(t, disabledRanges) {
+  if (!(disabledRanges == null ? void 0 : disabledRanges.length)) return false;
+  const tMin = t.startOf("minute");
+  for (const r of disabledRanges) {
+    const [s, e] = getRangeBounds(r, t.startOf("day"));
+    if ((tMin.isAfter(s) || tMin.isSame(s)) && tMin.isBefore(e)) return true;
+  }
+  return false;
+}
+function getTicks(rangeStart, rangeEnd, stepMinutes) {
+  const out = [];
+  let cur = rangeStart;
+  while (!cur.isAfter(rangeEnd)) {
+    out.push(cur);
+    cur = cur.add(stepMinutes, "minute");
+  }
+  return out;
+}
+function getHorizontalAxisSlotCount(range, referenceDate, stepMinutes) {
+  const [rangeStart, rangeEnd] = getRangeBounds(range, referenceDate);
+  const ticks = getTicks(rangeStart, rangeEnd, stepMinutes);
+  const lastTick = ticks.length > 0 ? ticks[ticks.length - 1] : null;
+  const needTailCell = lastTick != null && rangeEnd.isAfter(lastTick);
+  return ticks.length + (needTailCell ? 1 : 0);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getHorizontalAxisSlotCount,
+  getRangeBounds,
+  getTicks,
+  isInDisabledRanges,
+  parseValue,
+  snapToStepMinutes
+});

package/lib/components/pisellWalletPassCard/index.js

@@ -688,7 +688,7 @@ var PisellWalletPassCard = (props) => {
       showQrCode && !isMini && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-qr-code" }, /* @__PURE__ */ import_react.default.createElement(import_pisellQrcode.default, { value: qrCode, size: 60 }))
     ),
     checkedDom,
-    (disabled || disabledReason) && showDisabledReason && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-warn-message", ref: warnMessageRef }, /* @__PURE__ */ import_react.default.createElement(
+    disabled && disabledReason && showDisabledReason && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-card-warn-message", ref: warnMessageRef }, /* @__PURE__ */ import_react.default.createElement(
       import_iconfont.default,
       {
         className: "pisell-card-icon",

package/lib/components/table/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(table_exports);
 var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_classNames = __toESM(require("classNames"));
+var import_classnames = __toESM(require("classnames"));
 var import_Tabs = __toESM(require("./Tabs"));
 var import_hooks = require("../../hooks");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
@@ -329,7 +329,7 @@ var GridView = (0, import_model.Provider)(
       /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: (0, import_classNames.default)("materials-grid", {
+          className: (0, import_classnames.default)("materials-grid", {
             "materials-grid-terminal": isTerminal
           }),
           style,