@pisell/materials 6.11.5 → 6.11.6

package/lib/components/pisellDateTimeDisplay/utils/relativeDay.js

@@ -0,0 +1,54 @@
+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/pisellDateTimeDisplay/utils/relativeDay.ts
+var relativeDay_exports = {};
+__export(relativeDay_exports, {
+  getRelativeDay: () => getRelativeDay,
+  getRelativeDayLabel: () => getRelativeDayLabel
+});
+module.exports = __toCommonJS(relativeDay_exports);
+var import_localeUtils = require("./localeUtils");
+var LABELS_ZH = {
+  today: "今天",
+  yesterday: "昨天",
+  tomorrow: "明天"
+};
+var LABELS_EN = {
+  today: "Today",
+  yesterday: "Yesterday",
+  tomorrow: "Tomorrow"
+};
+function getRelativeDay(date, reference) {
+  const d = date.startOf("day");
+  const r = reference.startOf("day");
+  const diff = d.diff(r, "day");
+  if (diff === 0) return "today";
+  if (diff === 1) return "tomorrow";
+  if (diff === -1) return "yesterday";
+  return null;
+}
+function getRelativeDayLabel(day, locale) {
+  const isZh = locale ? (0, import_localeUtils.isChinese)(locale) : false;
+  return isZh ? LABELS_ZH[day] : LABELS_EN[day];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getRelativeDay,
+  getRelativeDayLabel
+});

package/lib/components/pisellLookup/components/LookupTrigger.js

@@ -32,14 +32,16 @@ __export(LookupTrigger_exports, {
   LookupTrigger: () => LookupTrigger
 });
 module.exports = __toCommonJS(LookupTrigger_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_locales = require("../../../locales");
-var import_pisellQRScanner = __toESM(require("../../pisellQRScanner"));
 var import_iconfont = __toESM(require("../../iconfont"));
+var import_pisellQRScanner = __toESM(require("../../pisellQRScanner"));
 var LookupTriggerComponent = (0, import_react.forwardRef)(
   (props, ref) => {
+    var _a;
     const {
       type = "input",
       trigger,
@@ -67,17 +69,19 @@ var LookupTriggerComponent = (0, import_react.forwardRef)(
       className,
       style
     } = props;
+    const context = (0, import_useEngineContext.default)();
+    const { getApp } = (_a = context.appHelper) == null ? void 0 : _a.utils;
     const inputRef = (0, import_react.useRef)(null);
     (0, import_react.useImperativeHandle)(
       ref,
       () => ({
         focus: () => {
-          var _a;
-          (_a = inputRef.current) == null ? void 0 : _a.focus();
+          var _a2;
+          (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
         },
         select: () => {
-          var _a;
-          (_a = inputRef.current) == null ? void 0 : _a.select();
+          var _a2;
+          (_a2 = inputRef.current) == null ? void 0 : _a2.select();
         }
       }),
       []
@@ -90,7 +94,41 @@ var LookupTriggerComponent = (0, import_react.forwardRef)(
       onChange == null ? void 0 : onChange("");
       onClear == null ? void 0 : onClear();
     };
+    const getAppScanBarcodePlugin = () => {
+      var _a2;
+      if (getApp) {
+        const app = getApp();
+        const scanBarcode = (_a2 = app == null ? void 0 : app.getPlugin("scan")) == null ? void 0 : _a2.scanBarcode;
+        if (scanBarcode) {
+          return scanBarcode;
+        }
+      }
+      return null;
+    };
+    const appScan = () => {
+      const app = getApp();
+      try {
+        const scanBarcode = getAppScanBarcodePlugin();
+        scanBarcode({ hint: 17 }).then((res) => onScan == null ? void 0 : onScan(res == null ? void 0 : res.ScanResult)).catch((err) => {
+          app.logger.addLog({
+            type: "error",
+            title: "扫码失败",
+            metadata: { err }
+          });
+        });
+      } catch (err) {
+        app.logger.addLog({
+          type: "error",
+          title: "扫码代码执行异常",
+          metadata: { err }
+        });
+      }
+    };
     const handleScanClick = () => {
+      if (getAppScanBarcodePlugin()) {
+        appScan();
+        return;
+      }
       setScanVisible(true);
     };
     const handleScanSuccess = (code) => {

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import type { PisellTimeRangeDisplayProps } from './types';
+import './PisellTimeRangeDisplay.less';
+/**
+ * PisellTimeRangeDisplay 组件
+ *
+ * @description
+ * 纯展示型时间区间组件，将 startAt / endAt 格式化为「时间区间 + 持续时间」。
+ * - 同一天：HH:mm-HH:mm，可选显示日期/星期
+ * - 跨天：起止日期时间
+ * - 持续时间：d h m s 格式
+ * - 字段顺序由 fieldOrder 控制，可将 duration 放在中间
+ *
+ * @example
+ * <PisellTimeRangeDisplay
+ *   startAt="2026-02-04 09:00"
+ *   endAt="2026-02-04 18:00"
+ * />
+ * // => "09:00-18:00" + "9h"
+ *
+ * <PisellTimeRangeDisplay
+ *   startAt={start}
+ *   endAt={end}
+ *   fields={{ fieldOrder: ['time', 'duration', 'date', 'weekday'] }}
+ *   showDateForSameDay
+ * />
+ */
+export declare const PisellTimeRangeDisplay: React.FC<PisellTimeRangeDisplayProps>;
+declare const _default: React.NamedExoticComponent<PisellTimeRangeDisplayProps>;
+export default _default;

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -0,0 +1,193 @@
+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/pisellTimeRangeDisplay/PisellTimeRangeDisplay.tsx
+var PisellTimeRangeDisplay_exports = {};
+__export(PisellTimeRangeDisplay_exports, {
+  PisellTimeRangeDisplay: () => PisellTimeRangeDisplay,
+  default: () => PisellTimeRangeDisplay_default
+});
+module.exports = __toCommonJS(PisellTimeRangeDisplay_exports);
+var import_react = __toESM(require("react"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_zh_cn = require("dayjs/locale/zh-cn");
+var import_en = require("dayjs/locale/en");
+var import_utils = require("./utils");
+var import_components = require("./components");
+var import_PisellTimeRangeDisplay = require("./PisellTimeRangeDisplay.less");
+var PisellTimeRangeDisplay = (props) => {
+  const {
+    startAt,
+    endAt,
+    textAlign = "center",
+    fields,
+    showDateForSameDay = true,
+    timeFormat,
+    dateFormat,
+    weekdayFormat,
+    durationFormat,
+    containerStyle,
+    timeStyle,
+    dateStyle,
+    weekdayStyle,
+    durationStyle,
+    locale: localeProp,
+    className,
+    style,
+    onClick
+  } = props;
+  const effectiveLocale = (0, import_react.useMemo)(
+    () => localeProp ?? (0, import_utils.getDayjsLocale)(),
+    [localeProp]
+  );
+  const { start, end, isSameDay } = (0, import_react.useMemo)(
+    () => (0, import_utils.parseTimeRange)(startAt, endAt, effectiveLocale),
+    [startAt, endAt, effectiveLocale]
+  );
+  const durationMs = (0, import_react.useMemo)(() => end.diff(start), [start, end]);
+  const {
+    showTimeRange = true,
+    showDate = true,
+    showWeekday = true,
+    showDuration = true,
+    fieldOrder = ["weekday", "date", "time", "duration"]
+  } = fields || {};
+  const showSeconds = (durationFormat == null ? void 0 : durationFormat.showSeconds) ?? false;
+  const effectiveDateFormat = (0, import_react.useMemo)(
+    () => ({ showRelativeDay: true, ...dateFormat }),
+    [dateFormat]
+  );
+  const referenceDate = (0, import_dayjs.default)();
+  const relativeDay = (effectiveDateFormat == null ? void 0 : effectiveDateFormat.showRelativeDay) ? (0, import_utils.getRelativeDay)(start, referenceDate) : null;
+  const hideWeekdayWhenDateRelative = showDate && relativeDay !== null;
+  const justifyContent = textAlign === "right" ? "flex-end" : textAlign === "left" ? "flex-start" : "center";
+  const containerInlineStyle = {
+    background: containerStyle == null ? void 0 : containerStyle.background,
+    borderRadius: containerStyle == null ? void 0 : containerStyle.borderRadius,
+    border: containerStyle == null ? void 0 : containerStyle.border,
+    boxShadow: containerStyle == null ? void 0 : containerStyle.boxShadow,
+    padding: containerStyle == null ? void 0 : containerStyle.padding,
+    gap: containerStyle == null ? void 0 : containerStyle.gap,
+    textAlign,
+    justifyContent,
+    ...style
+  };
+  const renderField = (fieldType) => {
+    switch (fieldType) {
+      case "time":
+        return showTimeRange ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.TimeRangeBlock,
+          {
+            key: "time",
+            start,
+            end,
+            isSameDay,
+            timeFormat,
+            dateFormat: effectiveDateFormat,
+            weekdayFormat,
+            referenceDate: (0, import_dayjs.default)(),
+            style: timeStyle
+          }
+        ) : null;
+      case "date":
+        if (!showDate) return null;
+        if (!isSameDay) return null;
+        if (!showDateForSameDay) return null;
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.DateBlock,
+          {
+            key: "date",
+            date: start,
+            format: effectiveDateFormat,
+            referenceDate: (0, import_dayjs.default)(),
+            style: dateStyle
+          }
+        );
+      case "weekday":
+        if (!showWeekday) return null;
+        if (!isSameDay) return null;
+        if (!showDateForSameDay) return null;
+        if (hideWeekdayWhenDateRelative) return null;
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_components.WeekdayBlock,
+          {
+            key: "weekday",
+            weekday: start,
+            format: weekdayFormat,
+            style: weekdayStyle
+          }
+        );
+      case "duration":
+        return showDuration ? /* @__PURE__ */ import_react.default.createElement(
+          import_components.DurationBlock,
+          {
+            key: "duration",
+            durationMs,
+            showSeconds,
+            locale: effectiveLocale,
+            style: durationStyle
+          }
+        ) : null;
+      default:
+        return null;
+    }
+  };
+  const items = [];
+  fieldOrder.forEach((fieldType) => {
+    const node = renderField(fieldType);
+    if (node != null) {
+      items.push({ type: fieldType, node });
+    }
+  });
+  if (items.length === 0) {
+    return null;
+  }
+  const renderedWithSeparator = items.flatMap(({ type, node }, index) => {
+    const needDotBefore = type === "duration" && index > 0;
+    const needDotAfter = type === "duration" && index < items.length - 1;
+    const sep = /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-time-range-display-sep", "aria-hidden": true }, " · ");
+    const el = import_react.default.cloneElement(node, { key: type });
+    if (needDotBefore) return [sep, el];
+    if (needDotAfter) return [el, sep];
+    return [el];
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `pisell-time-range-display ${className || ""}`.trim(),
+      style: containerInlineStyle,
+      onClick
+    },
+    renderedWithSeparator
+  );
+};
+var PisellTimeRangeDisplay_default = import_react.default.memo(PisellTimeRangeDisplay);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PisellTimeRangeDisplay
+});

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.less

@@ -0,0 +1,49 @@
+/**
+ * Time Range Display 样式
+ * 无 layout 配置：一行放不下时按块换行，块内不换行，换行后每行居中
+ */
+.pisell-time-range-display {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: center;
+  gap: 0 4px;
+  box-sizing: border-box;
+  color: rgba(0, 0, 0, 0.88);
+
+  .pisell-time-range-display-time,
+  .pisell-time-range-display-date,
+  .pisell-time-range-display-weekday,
+  .pisell-time-range-display-duration {
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.5;
+  }
+
+  .pisell-time-range-display-sep {
+    font-size: 14px;
+    font-weight: 400;
+    margin: 0 2px;
+    user-select: none;
+  }
+
+  // 各块内不换行，换行时以块为单位
+  &-time,
+  &-date,
+  &-weekday,
+  &-duration {
+    //display: inline-block;
+    //white-space: nowrap;
+  }
+
+  &-sep {
+    //display: inline-block;
+    //white-space: nowrap;
+  }
+
+  // 同天小宽度：「 - 结束时间」不拆开
+  &-time-end-wrap {
+    //white-space: nowrap;
+  }
+}

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.d.ts

@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellTimeRangeDisplay } from './PisellTimeRangeDisplay';
+/**
+ * PisellTimeRangeDisplay 组件 Storybook
+ * 用于时间区间 + 持续时长的展示（同一天 / 跨天）
+ */
+declare const meta: Meta<typeof PisellTimeRangeDisplay>;
+export default meta;
+declare type Story = StoryObj<typeof PisellTimeRangeDisplay>;
+/**
+ * 默认：同一天时间区间 + 持续时长
+ */
+export declare const Default: Story;
+/**
+ * 同一天 + 显示日期与星期
+ */
+export declare const SameDayWithDate: Story;
+/**
+ * 跨天时间区间
+ */
+export declare const CrossDay: Story;
+/**
+ * 跨年
+ */
+export declare const CrossYear: Story;
+/**
+ * 持续时间在中间（默认 fieldOrder）
+ */
+export declare const DurationInMiddle: Story;
+/**
+ * 持续时长在前
+ */
+export declare const DurationFirst: Story;
+/**
+ * 持续时长显示秒
+ */
+export declare const DurationWithSeconds: Story;
+/**
+ * 仅时间区间 + 持续时长（不显示日期星期）
+ */
+export declare const TimeAndDurationOnly: Story;
+/**
+ * 12 小时制
+ */
+export declare const Time12Hour: Story;
+/**
+ * 中文（日期 + 持续时长「天/时/分/秒」i18n）
+ */
+export declare const LocaleZhCN: Story;
+/**
+ * 英文（日期 + 持续时长 d/h/m/s）
+ */
+export declare const LocaleEn: Story;
+/**
+ * 小宽度：容器较窄时按块换行
+ */
+export declare const NarrowWidth: Story;
+/**
+ * 自定义容器样式
+ */
+export declare const CustomContainerStyle: Story;

package/lib/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.js

@@ -0,0 +1,187 @@
+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/pisellTimeRangeDisplay/PisellTimeRangeDisplay.stories.tsx
+var PisellTimeRangeDisplay_stories_exports = {};
+__export(PisellTimeRangeDisplay_stories_exports, {
+  CrossDay: () => CrossDay,
+  CrossYear: () => CrossYear,
+  CustomContainerStyle: () => CustomContainerStyle,
+  Default: () => Default,
+  DurationFirst: () => DurationFirst,
+  DurationInMiddle: () => DurationInMiddle,
+  DurationWithSeconds: () => DurationWithSeconds,
+  LocaleEn: () => LocaleEn,
+  LocaleZhCN: () => LocaleZhCN,
+  NarrowWidth: () => NarrowWidth,
+  SameDayWithDate: () => SameDayWithDate,
+  Time12Hour: () => Time12Hour,
+  TimeAndDurationOnly: () => TimeAndDurationOnly,
+  default: () => PisellTimeRangeDisplay_stories_default
+});
+module.exports = __toCommonJS(PisellTimeRangeDisplay_stories_exports);
+var import_PisellTimeRangeDisplay = require("./PisellTimeRangeDisplay");
+var meta = {
+  title: "General/PisellTimeRangeDisplay",
+  component: import_PisellTimeRangeDisplay.PisellTimeRangeDisplay,
+  tags: ["autodocs"],
+  argTypes: {
+    textAlign: {
+      control: "radio",
+      options: ["left", "center", "right"],
+      description: "文本对齐"
+    },
+    showDateForSameDay: {
+      control: "boolean",
+      description: "同一天时是否显示日期与星期"
+    },
+    locale: {
+      control: "select",
+      options: ["zh-cn", "en"],
+      description: "语言"
+    }
+  }
+};
+var PisellTimeRangeDisplay_stories_default = meta;
+var Default = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00"
+  }
+};
+var SameDayWithDate = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true
+  }
+};
+var CrossDay = {
+  args: {
+    startAt: "2026-02-04 18:00",
+    endAt: "2026-02-05 10:00"
+  }
+};
+var CrossYear = {
+  args: {
+    startAt: "2025-12-31 22:00",
+    endAt: "2026-01-01 02:00"
+  }
+};
+var DurationInMiddle = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true,
+    fields: {
+      fieldOrder: ["time", "duration", "date", "weekday"]
+    }
+  }
+};
+var DurationFirst = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    fields: {
+      fieldOrder: ["duration", "time"]
+    }
+  }
+};
+var DurationWithSeconds = {
+  args: {
+    startAt: "2026-02-04 09:00:00",
+    endAt: "2026-02-04 09:30:45",
+    durationFormat: { showSeconds: true }
+  }
+};
+var TimeAndDurationOnly = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    fields: {
+      showTimeRange: true,
+      showDate: false,
+      showWeekday: false,
+      showDuration: true
+    }
+  }
+};
+var Time12Hour = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    timeFormat: { use12Hour: true }
+  }
+};
+var LocaleZhCN = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true,
+    locale: "zh-cn",
+    dateFormat: { showChineseUnit: true, showYear: true }
+  }
+};
+var LocaleEn = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    showDateForSameDay: true,
+    locale: "en",
+    dateFormat: { order: "MDY", showYear: true }
+  }
+};
+var NarrowWidth = {
+  args: {
+    startAt: "2026-03-21 10:15",
+    endAt: "2026-03-21 10:45",
+    showDateForSameDay: true,
+    dateFormat: { order: "MDY", showYear: true }
+  },
+  decorators: [
+    (Story) => /* @__PURE__ */ React.createElement("div", { style: { maxWidth: 320, border: "1px dashed #ccc", padding: 8 } }, /* @__PURE__ */ React.createElement(Story, null))
+  ]
+};
+var CustomContainerStyle = {
+  args: {
+    startAt: "2026-02-04 09:00",
+    endAt: "2026-02-04 18:00",
+    containerStyle: {
+      background: "#f5f5f5",
+      borderRadius: 8,
+      padding: 16,
+      gap: 8
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CrossDay,
+  CrossYear,
+  CustomContainerStyle,
+  Default,
+  DurationFirst,
+  DurationInMiddle,
+  DurationWithSeconds,
+  LocaleEn,
+  LocaleZhCN,
+  NarrowWidth,
+  SameDayWithDate,
+  Time12Hour,
+  TimeAndDurationOnly
+});

package/lib/components/pisellTimeRangeDisplay/components/DateBlock.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type Dayjs } from 'dayjs';
+import type { DateFormatConfig, TextStyleConfig } from '../types';
+export interface DateBlockProps {
+    /** 日期对象 */
+    date: Dayjs;
+    /** 日期格式配置（含 showRelativeDay：今天/昨天/明天） */
+    format?: DateFormatConfig;
+    /** 参考日期，用于相对日判定，默认 dayjs() */
+    referenceDate?: Dayjs;
+    /** 文本样式 */
+    style?: TextStyleConfig;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 日期展示块（复用 PisellDateTimeDisplay 的 formatDate 与相对日逻辑）
+ */
+export declare const DateBlock: React.FC<DateBlockProps>;
+export default DateBlock;