@pisell/materials 1.0.1059 → 1.0.1062

package/lib/components/pisellTimeNavigator/PisellTimeNavigator.stories.js

@@ -0,0 +1,273 @@
+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/PisellTimeNavigator.stories.tsx
+var PisellTimeNavigator_stories_exports = {};
+__export(PisellTimeNavigator_stories_exports, {
+  BusinessHours: () => BusinessHours,
+  BusinessHoursVertical: () => BusinessHoursVertical,
+  Controlled: () => Controlled,
+  ControlledVertical: () => ControlledVertical,
+  CursorMoves: () => CursorMoves,
+  CursorMovesVertical: () => CursorMovesVertical,
+  CustomRange: () => CustomRange,
+  CustomRangeVertical: () => CustomRangeVertical,
+  Default: () => Default,
+  DefaultVertical: () => DefaultVertical,
+  Inertia: () => Inertia,
+  InertiaVertical: () => InertiaVertical,
+  NoNowButton: () => NoNowButton,
+  NoNowButtonVertical: () => NoNowButtonVertical,
+  Realtime: () => Realtime,
+  RealtimeVertical: () => RealtimeVertical,
+  SnapToStep: () => SnapToStep,
+  SnapToStepVertical: () => SnapToStepVertical,
+  Step30: () => Step30,
+  Step30Vertical: () => Step30Vertical,
+  Uncontrolled: () => Uncontrolled,
+  UncontrolledVertical: () => UncontrolledVertical,
+  Vertical: () => Vertical,
+  default: () => PisellTimeNavigator_stories_default
+});
+module.exports = __toCommonJS(PisellTimeNavigator_stories_exports);
+var import_react = __toESM(require("react"));
+var import_PisellTimeNavigator = require("./PisellTimeNavigator");
+var meta = {
+  title: "Data Entry/PisellTimeNavigator",
+  component: import_PisellTimeNavigator.PisellTimeNavigator,
+  tags: ["autodocs"],
+  argTypes: {
+    cursorMode: {
+      control: "radio",
+      options: ["axis-moves", "cursor-moves"],
+      description: "指示器/轴移动模式"
+    },
+    orientation: {
+      control: "radio",
+      options: ["horizontal", "vertical"],
+      description: "横向/竖向"
+    },
+    realtime: {
+      control: "boolean",
+      description: "是否实时跟随系统时间"
+    },
+    showNowButton: {
+      control: "boolean",
+      description: "是否显示 Now 按钮"
+    },
+    snapToStep: {
+      control: "boolean",
+      description: "是否吸附到刻度"
+    },
+    inertia: {
+      control: "boolean",
+      description: "是否开启惯性滚动"
+    },
+    locale: {
+      control: "select",
+      options: ["zh-cn", "en", "zh-hk"],
+      description: "语言"
+    }
+  }
+};
+var PisellTimeNavigator_stories_default = meta;
+var verticalDecorator = (Story) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 54, height: 500 } }, /* @__PURE__ */ import_react.default.createElement(Story, null));
+var Default = {
+  args: {}
+};
+var DefaultVertical = {
+  args: { orientation: "vertical" },
+  decorators: [verticalDecorator]
+};
+var Controlled = {
+  args: {
+    value: "12:00",
+    onChange: (v) => console.log("onChange", v == null ? void 0 : v.format("HH:mm"))
+  }
+};
+var ControlledVertical = {
+  args: {
+    orientation: "vertical",
+    value: "12:00",
+    onChange: (v) => console.log("onChange", v == null ? void 0 : v.format("HH:mm"))
+  },
+  decorators: [verticalDecorator]
+};
+var Uncontrolled = {
+  args: {
+    defaultValue: "14:30"
+  }
+};
+var UncontrolledVertical = {
+  args: {
+    orientation: "vertical",
+    defaultValue: "14:30"
+  },
+  decorators: [verticalDecorator]
+};
+var Vertical = {
+  args: {
+    orientation: "vertical",
+    defaultValue: "12:00"
+  },
+  decorators: [verticalDecorator]
+};
+var CursorMoves = {
+  args: {
+    cursorMode: "cursor-moves",
+    defaultValue: "10:00"
+  }
+};
+var CursorMovesVertical = {
+  args: {
+    orientation: "vertical",
+    cursorMode: "cursor-moves",
+    defaultValue: "10:00"
+  },
+  decorators: [verticalDecorator]
+};
+var BusinessHours = {
+  args: {
+    businessHours: { start: "10:00", end: "22:00" },
+    defaultValue: "14:00"
+  }
+};
+var BusinessHoursVertical = {
+  args: {
+    orientation: "vertical",
+    businessHours: { start: "10:00", end: "22:00" },
+    defaultValue: "14:00"
+  },
+  decorators: [verticalDecorator]
+};
+var CustomRange = {
+  args: {
+    range: { start: "08:00", end: "20:00" },
+    defaultValue: "12:00"
+  }
+};
+var CustomRangeVertical = {
+  args: {
+    orientation: "vertical",
+    range: { start: "08:00", end: "20:00" },
+    defaultValue: "12:00"
+  },
+  decorators: [verticalDecorator]
+};
+var Step30 = {
+  args: {
+    stepMinutes: 30,
+    defaultValue: "12:30"
+  }
+};
+var Step30Vertical = {
+  args: {
+    orientation: "vertical",
+    stepMinutes: 30,
+    defaultValue: "12:30"
+  },
+  decorators: [verticalDecorator]
+};
+var Inertia = {
+  args: {
+    inertia: true,
+    defaultValue: "12:00"
+  }
+};
+var InertiaVertical = {
+  args: {
+    orientation: "vertical",
+    inertia: true,
+    defaultValue: "12:00"
+  },
+  decorators: [verticalDecorator]
+};
+var SnapToStep = {
+  args: {
+    snapToStep: true,
+    defaultValue: "12:00"
+  }
+};
+var SnapToStepVertical = {
+  args: {
+    orientation: "vertical",
+    snapToStep: true,
+    defaultValue: "12:00"
+  },
+  decorators: [verticalDecorator]
+};
+var NoNowButton = {
+  args: {
+    showNowButton: false
+  }
+};
+var NoNowButtonVertical = {
+  args: {
+    orientation: "vertical",
+    showNowButton: false
+  },
+  decorators: [verticalDecorator]
+};
+var Realtime = {
+  args: {
+    realtime: true
+  }
+};
+var RealtimeVertical = {
+  args: {
+    orientation: "vertical",
+    realtime: true
+  },
+  decorators: [verticalDecorator]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BusinessHours,
+  BusinessHoursVertical,
+  Controlled,
+  ControlledVertical,
+  CursorMoves,
+  CursorMovesVertical,
+  CustomRange,
+  CustomRangeVertical,
+  Default,
+  DefaultVertical,
+  Inertia,
+  InertiaVertical,
+  NoNowButton,
+  NoNowButtonVertical,
+  Realtime,
+  RealtimeVertical,
+  SnapToStep,
+  SnapToStepVertical,
+  Step30,
+  Step30Vertical,
+  Uncontrolled,
+  UncontrolledVertical,
+  Vertical
+});

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface BackgroundLayerProps {
+    orientation: 'horizontal' | 'vertical';
+    /** 过去时间淡化色 */
+    pastTimeFade?: string;
+    /** 营业时间区间 [startPx, endPx]，用于视觉高亮 */
+    businessHoursPx?: [number, number];
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * 背景区间层：营业时间高亮、过去时间淡化等（当前时间渐变已拆为独立块，见 axis-wrap 内 .pisell-time-navigator-current-gradient）
+ */
+export declare function BackgroundLayer({ orientation, pastTimeFade, businessHoursPx, className, style, }: BackgroundLayerProps): JSX.Element;

package/lib/components/pisellTimeNavigator/components/BackgroundLayer.js

@@ -0,0 +1,81 @@
+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/components/BackgroundLayer.tsx
+var BackgroundLayer_exports = {};
+__export(BackgroundLayer_exports, {
+  BackgroundLayer: () => BackgroundLayer
+});
+module.exports = __toCommonJS(BackgroundLayer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+function BackgroundLayer({
+  orientation,
+  pastTimeFade,
+  businessHoursPx,
+  className,
+  style
+}) {
+  const isHorizontal = orientation === "horizontal";
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "pisell-time-navigator-background",
+        `pisell-time-navigator-background--${orientation}`,
+        className
+      ),
+      style,
+      "aria-hidden": true
+    },
+    businessHoursPx != null && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-time-navigator-background-business",
+        style: {
+          [isHorizontal ? "left" : "top"]: businessHoursPx[0],
+          [isHorizontal ? "width" : "height"]: Math.max(
+            0,
+            businessHoursPx[1] - businessHoursPx[0]
+          )
+        }
+      }
+    ),
+    pastTimeFade && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-time-navigator-background-past",
+        style: { background: pastTimeFade }
+      }
+    )
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackgroundLayer
+});

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { Dayjs } from 'dayjs';
+export interface CursorLayerProps {
+    orientation: 'horizontal' | 'vertical';
+    value: Dayjs | null;
+    timeFormat: string;
+    locale?: string;
+    isRealtime: boolean;
+    offsetPx: number;
+    /** axis-moves 时固定于视口中央，不应用 offsetPx */
+    fixedCenter?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/**
+ * 时间指示器层：竖线/横线 + 时间气泡
+ * 对齐基准为内部的竖线/横线，不是整块（气泡）的边或中心。
+ * 横向：竖线 3px；竖向：横线 2px。Realtime 态 #FF692E，浏览态 #344054
+ */
+export declare function CursorLayer({ orientation, value, timeFormat, locale, isRealtime, offsetPx, fixedCenter, style, className, }: CursorLayerProps): JSX.Element | null;

package/lib/components/pisellTimeNavigator/components/CursorLayer.js

@@ -0,0 +1,74 @@
+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/components/CursorLayer.tsx
+var CursorLayer_exports = {};
+__export(CursorLayer_exports, {
+  CursorLayer: () => CursorLayer
+});
+module.exports = __toCommonJS(CursorLayer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var CURSOR_LINE_WIDTH_H = 3;
+var CURSOR_LINE_HEIGHT_V = 2;
+function CursorLayer({
+  orientation,
+  value,
+  timeFormat,
+  locale,
+  isRealtime,
+  offsetPx,
+  fixedCenter,
+  style,
+  className
+}) {
+  if (value == null) return null;
+  const label = locale ? value.locale(locale).format(timeFormat) : value.format(timeFormat);
+  const isHorizontal = orientation === "horizontal";
+  const lineOffset = offsetPx - (isHorizontal ? CURSOR_LINE_WIDTH_H / 2 : CURSOR_LINE_HEIGHT_V / 2);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "pisell-time-navigator-cursor",
+        `pisell-time-navigator-cursor--${orientation}`,
+        { "pisell-time-navigator-cursor--realtime": isRealtime },
+        { "pisell-time-navigator-cursor--fixed": fixedCenter },
+        className
+      ),
+      style: fixedCenter ? style : { ...style, [isHorizontal ? "left" : "top"]: lineOffset },
+      "aria-hidden": true
+    },
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-navigator-cursor-line" }),
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-navigator-cursor-bubble" }, label)
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CursorLayer
+});

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { Dayjs } from 'dayjs';
+export interface GestureLayerProps {
+    orientation: 'horizontal' | 'vertical';
+    cellSizePx: number;
+    /** 轴在滚动内容中的起始边距（左/上），用于把「滚动内容坐标」转为「轴内偏移」（与 dot 对齐） */
+    axisStartMarginPx: number;
+    offsetToTime: (offset: number) => Dayjs | null;
+    onSelectTime: (t: Dayjs) => void;
+    isInDisabledRanges: (t: Dayjs) => boolean;
+    snapToStep: boolean;
+    stepMinutes: number;
+    snapFn: (t: Dayjs) => Dayjs;
+    scrollPosition: {
+        scrollLeft: number;
+        scrollTop: number;
+    };
+    viewportSize: {
+        w: number;
+        h: number;
+    };
+    onPointerDown?: React.PointerEventHandler;
+    onPointerMove?: React.PointerEventHandler;
+    onPointerUp?: React.PointerEventHandler;
+    onPointerLeave?: React.PointerEventHandler;
+    children: React.ReactNode;
+}
+/**
+ * 交互层：点击刻度跳转、键盘左右/上下 + 回车
+ */
+export declare function GestureLayer({ orientation, cellSizePx, axisStartMarginPx, offsetToTime, onSelectTime, isInDisabledRanges, snapToStep, stepMinutes, snapFn, scrollPosition, viewportSize, onPointerDown, onPointerMove, onPointerUp, onPointerLeave, children, }: GestureLayerProps): JSX.Element;

package/lib/components/pisellTimeNavigator/components/GestureLayer.js

@@ -0,0 +1,159 @@
+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/components/GestureLayer.tsx
+var GestureLayer_exports = {};
+__export(GestureLayer_exports, {
+  GestureLayer: () => GestureLayer
+});
+module.exports = __toCommonJS(GestureLayer_exports);
+var import_react = __toESM(require("react"));
+function GestureLayer({
+  orientation,
+  cellSizePx,
+  axisStartMarginPx,
+  offsetToTime,
+  onSelectTime,
+  isInDisabledRanges,
+  snapToStep,
+  stepMinutes,
+  snapFn,
+  scrollPosition,
+  viewportSize,
+  onPointerDown,
+  onPointerMove,
+  onPointerUp,
+  onPointerLeave,
+  children
+}) {
+  const isHorizontal = orientation === "horizontal";
+  const handleClick = (0, import_react.useCallback)(
+    (e) => {
+      const viewport = e.currentTarget.parentElement;
+      if (!viewport) return;
+      const vRect = viewport.getBoundingClientRect();
+      const scroll = isHorizontal ? viewport.scrollLeft : viewport.scrollTop;
+      const scrollContentPos = isHorizontal ? scroll + (e.clientX - vRect.left) : scroll + (e.clientY - vRect.top);
+      const offset = Math.max(0, scrollContentPos - axisStartMarginPx);
+      const t = offsetToTime(offset);
+      if (t == null) return;
+      const candidate = snapToStep ? snapFn(t) : t;
+      if (isInDisabledRanges(candidate)) return;
+      onSelectTime(candidate);
+    },
+    [
+      isHorizontal,
+      axisStartMarginPx,
+      offsetToTime,
+      onSelectTime,
+      isInDisabledRanges,
+      snapToStep,
+      snapFn
+    ]
+  );
+  const handleKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const scrollContentCenter = orientation === "horizontal" ? scrollPosition.scrollLeft + viewportSize.w / 2 : scrollPosition.scrollTop + viewportSize.h / 2;
+      const centerOffset = Math.max(0, scrollContentCenter - axisStartMarginPx);
+      const currentTime = offsetToTime(centerOffset);
+      if (currentTime == null) return;
+      if (e.key === "Enter") {
+        const candidate = snapToStep ? snapFn(currentTime) : currentTime;
+        if (!isInDisabledRanges(candidate)) onSelectTime(candidate);
+        e.preventDefault();
+        return;
+      }
+      const step = stepMinutes * 60 * 1e3;
+      let next;
+      if (orientation === "horizontal") {
+        if (e.key === "ArrowLeft") next = currentTime.subtract(step, "ms");
+        else if (e.key === "ArrowRight") next = currentTime.add(step, "ms");
+        else return;
+      } else {
+        if (e.key === "ArrowUp") next = currentTime.subtract(step, "ms");
+        else if (e.key === "ArrowDown") next = currentTime.add(step, "ms");
+        else return;
+      }
+      e.preventDefault();
+      const snapped = snapToStep ? snapFn(next) : next;
+      if (!isInDisabledRanges(snapped)) onSelectTime(snapped);
+    },
+    [
+      orientation,
+      axisStartMarginPx,
+      offsetToTime,
+      onSelectTime,
+      isInDisabledRanges,
+      snapToStep,
+      snapFn,
+      stepMinutes,
+      scrollPosition.scrollLeft,
+      scrollPosition.scrollTop,
+      viewportSize.w,
+      viewportSize.h
+    ]
+  );
+  const handlePointerDown = (0, import_react.useCallback)(
+    (e) => {
+      if (onPointerDown) {
+        e.currentTarget.setPointerCapture(e.pointerId);
+        onPointerDown(e);
+      }
+    },
+    [onPointerDown]
+  );
+  const handlePointerUp = (0, import_react.useCallback)(
+    (e) => {
+      if (onPointerUp) {
+        e.currentTarget.releasePointerCapture(e.pointerId);
+        onPointerUp(e);
+      }
+    },
+    [onPointerUp]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `pisell-time-navigator-gesture pisell-time-navigator-gesture--${orientation}`,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      onPointerDown: handlePointerDown,
+      onPointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerLeave,
+      role: "slider",
+      tabIndex: 0,
+      "aria-label": "Time"
+    },
+    children
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GestureLayer
+});

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CSSProperties } from 'react';
+export interface NowButtonProps {
+    orientation: 'horizontal' | 'vertical';
+    onClick: () => void;
+    style?: CSSProperties;
+    className?: string;
+    renderCustom?: () => React.ReactNode;
+}
+/**
+ * Now 按钮：固定入口，点击跳回当前时间并进入 Realtime
+ * 横向：右侧，左箭头；竖向：底部，上箭头
+ */
+export declare function NowButton({ orientation, onClick, style, className, renderCustom, }: NowButtonProps): JSX.Element;