@pisell/materials 3.3.81 → 3.3.83

package/es/components/pisellCurrency/components/ReadOnlyView.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { PisellCurrencyProps } from '../types';
+/**
+ * PisellCurrency 只读态视图组件
+ *
+ * 负责渲染只读态的纯文本展示
+ *
+ * 功能：
+ * - 格式化货币数值并展示
+ * - 添加货币符号（无空格）
+ * - 支持自定义字体样式
+ * - 处理空值显示
+ *
+ * @param props 组件 Props
+ */
+declare const ReadOnlyView: React.FC<PisellCurrencyProps>;
+export default ReadOnlyView;

package/es/components/pisellCurrency/components/ReadOnlyView.js

@@ -0,0 +1,70 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+import React from 'react';
+import { formatCurrency } from "../utils/currencyFormatter";
+/**
+ * PisellCurrency 只读态视图组件
+ * 
+ * 负责渲染只读态的纯文本展示
+ * 
+ * 功能：
+ * - 格式化货币数值并展示
+ * - 添加货币符号（无空格）
+ * - 支持自定义字体样式
+ * - 处理空值显示
+ * 
+ * @param props 组件 Props
+ */
+var ReadOnlyView = function ReadOnlyView(props) {
+  var value = props.value,
+    _props$currencySymbol = props.currencySymbol,
+    currencySymbol = _props$currencySymbol === void 0 ? '¥' : _props$currencySymbol,
+    _props$symbolPosition = props.symbolPosition,
+    symbolPosition = _props$symbolPosition === void 0 ? 'before' : _props$symbolPosition,
+    _props$showSymbol = props.showSymbol,
+    showSymbol = _props$showSymbol === void 0 ? true : _props$showSymbol,
+    _props$precision = props.precision,
+    precision = _props$precision === void 0 ? 2 : _props$precision,
+    _props$useGrouping = props.useGrouping,
+    useGrouping = _props$useGrouping === void 0 ? true : _props$useGrouping,
+    _props$emptyText = props.emptyText,
+    emptyText = _props$emptyText === void 0 ? '-' : _props$emptyText,
+    fontSize = props.fontSize,
+    fontWeight = props.fontWeight,
+    color = props.color,
+    _props$textAlign = props.textAlign,
+    textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
+    className = props.className,
+    style = props.style,
+    ariaLabel = props['aria-label'];
+
+  // 格式化货币
+  var displayValue = formatCurrency(value, {
+    currencySymbol: currencySymbol,
+    symbolPosition: symbolPosition,
+    showSymbol: showSymbol,
+    precision: precision,
+    useGrouping: useGrouping
+  });
+
+  // 处理空值
+  var text = displayValue !== null && displayValue !== void 0 ? displayValue : emptyText;
+
+  // 组合样式
+  var combinedStyle = _objectSpread({
+    fontSize: fontSize,
+    fontWeight: fontWeight,
+    color: color,
+    textAlign: textAlign
+  }, style);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "pisell-currency pisell-currency-read ".concat(className || ''),
+    style: combinedStyle,
+    "aria-label": ariaLabel
+  }, text);
+};
+export default ReadOnlyView;

package/es/components/pisellCurrency/components/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellCurrency 子组件导出
+ */
+export { default as ReadOnlyView } from './ReadOnlyView';
+export { default as EditView } from './EditView';
+export { default as DisabledView } from './DisabledView';

package/es/components/pisellCurrency/components/index.js

@@ -0,0 +1,7 @@
+/**
+ * PisellCurrency 子组件导出
+ */
+
+export { default as ReadOnlyView } from "./ReadOnlyView";
+export { default as EditView } from "./EditView";
+export { default as DisabledView } from "./DisabledView";

package/es/components/pisellCurrency/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellCurrency 组件导出
+ */
+export { default as PisellCurrency } from './PisellCurrency';
+export type { PisellCurrencyProps } from './types';
+export type { DisplayState, ValidationResult, NumberInputState, BaseNumberInputProps } from './types';

package/es/components/pisellCurrency/index.js

@@ -0,0 +1,7 @@
+/**
+ * PisellCurrency 组件导出
+ */
+
+export { default as PisellCurrency } from "./PisellCurrency";
+
+// 公共类型从 types 中重新导出，方便使用

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

@@ -0,0 +1,56 @@
+import type { PisellNumberProps } from '../pisellNumber';
+/**
+ * 从 @pisell/utils 重新导出公共类型
+ */
+export type { DisplayState, ValidationResult, NumberInputState, BaseNumberInputProps, } from '@pisell/utils';
+/**
+ * PisellCurrency 组件 Props 类型定义
+ *
+ * 基于 PisellNumber 扩展，专门处理货币数据
+ */
+export interface PisellCurrencyProps extends PisellNumberProps {
+    /**
+     * 货币符号
+     * @default '¥'
+     * @example '¥', '$', '€', '£', '₩', '₽'
+     */
+    currencySymbol?: string;
+    /**
+     * 货币符号位置
+     * - before: 前置，如 ¥100
+     * - after: 后置，如 100€
+     * @default 'before'
+     */
+    symbolPosition?: 'before' | 'after';
+    /**
+     * 是否显示货币符号
+     * @default true
+     */
+    showSymbol?: boolean;
+    /**
+     * 货币代码（用于国际化标识）
+     * @example 'CNY', 'USD', 'EUR', 'GBP'
+     */
+    currencyCode?: string;
+    /**
+     * 是否允许负数
+     * @default true
+     * @description
+     * - true: 允许负数（如退款场景）
+     * - false: 不允许负数（如商品价格）
+     */
+    allowNegative?: boolean;
+    /**
+     * 小数精度
+     * @default 2
+     * @description 货币默认保留2位小数，符合财务规范
+     */
+    precision?: number;
+    /**
+     * 是否使用千分位分隔符
+     * @default true
+     * @description 货币默认启用千分位，符合财务规范
+     * @example 1234.56 → 1,234.56
+     */
+    useGrouping?: boolean;
+}

package/es/components/pisellCurrency/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/pisellCurrency/utils/currencyFormatter.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 货币格式化选项
+ */
+export interface CurrencyFormatOptions {
+    /** 货币符号 */
+    currencySymbol: string;
+    /** 符号位置 */
+    symbolPosition: 'before' | 'after';
+    /** 是否显示符号 */
+    showSymbol: boolean;
+    /** 小数精度 */
+    precision: number;
+    /** 是否使用千分位 */
+    useGrouping: boolean;
+}
+/**
+ * 格式化货币数值
+ *
+ * @param value 数值
+ * @param options 格式化选项
+ * @returns 格式化后的货币字符串
+ *
+ * @example
+ * formatCurrency(1234.56, { currencySymbol: '¥', symbolPosition: 'before', showSymbol: true, precision: 2, useGrouping: true })
+ * // 返回: '¥1,234.56'
+ *
+ * @example
+ * formatCurrency(999.99, { currencySymbol: '€', symbolPosition: 'after', showSymbol: true, precision: 2, useGrouping: true })
+ * // 返回: '999.99€'
+ */
+export declare function formatCurrency(value: number | null | undefined, options: CurrencyFormatOptions): string | null;

package/es/components/pisellCurrency/utils/currencyFormatter.js

@@ -0,0 +1,50 @@
+import { formatNumber } from '@pisell/utils';
+
+/**
+ * 货币格式化选项
+ */
+
+/**
+ * 格式化货币数值
+ * 
+ * @param value 数值
+ * @param options 格式化选项
+ * @returns 格式化后的货币字符串
+ * 
+ * @example
+ * formatCurrency(1234.56, { currencySymbol: '¥', symbolPosition: 'before', showSymbol: true, precision: 2, useGrouping: true })
+ * // 返回: '¥1,234.56'
+ * 
+ * @example
+ * formatCurrency(999.99, { currencySymbol: '€', symbolPosition: 'after', showSymbol: true, precision: 2, useGrouping: true })
+ * // 返回: '999.99€'
+ */
+export function formatCurrency(value, options) {
+  if (value === null || value === undefined) {
+    return null;
+  }
+  var currencySymbol = options.currencySymbol,
+    symbolPosition = options.symbolPosition,
+    showSymbol = options.showSymbol,
+    precision = options.precision,
+    useGrouping = options.useGrouping;
+
+  // 1. 基础数值格式化（千分位 + 精度）
+  var formatted = formatNumber(value, {
+    precision: precision,
+    useGrouping: useGrouping
+  });
+  if (!formatted) {
+    return null;
+  }
+
+  // 2. 添加货币符号（符号与数值之间无空格）
+  if (!showSymbol) {
+    return formatted;
+  }
+  if (symbolPosition === 'before') {
+    return "".concat(currencySymbol).concat(formatted);
+  } else {
+    return "".concat(formatted).concat(currencySymbol);
+  }
+}

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

@@ -0,0 +1,5 @@
+/**
+ * PisellCurrency 工具函数导出
+ */
+export { formatCurrency } from './currencyFormatter';
+export type { CurrencyFormatOptions } from './currencyFormatter';

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

@@ -0,0 +1,5 @@
+/**
+ * PisellCurrency 工具函数导出
+ */
+
+export { formatCurrency } from "./currencyFormatter";

package/es/components/pisellDataSourceContainer/PisellDataSourceContainer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { DataSourceContainerProps } from './type';
-declare const PisellDataSourceContainer: (props: DataSourceContainerProps) => JSX.Element;
+declare const PisellDataSourceContainer: (props: DataSourceContainerProps) => React.JSX.Element;
 export default PisellDataSourceContainer;

package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/es/components/pisellDataSourceContainer/provider/HandleActions.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DataSourceContainerProps, HandleActionContextType } from '../type';
 export declare const HandleActionContext: React.Context<HandleActionContextType | null>;
-export declare const HandleActionsProvider: (props: DataSourceContainerProps) => JSX.Element;
+export declare const HandleActionsProvider: (props: DataSourceContainerProps) => React.JSX.Element;
 export declare const useHandleActionProvider: () => HandleActionContextType;

package/es/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';
@@ -17,5 +18,5 @@ export interface DatePickerCptProps extends PickerDateProps<Dayjs> {
  * @param props
  * @constructor
  */
-declare const DatePickerCpt: (props: DatePickerCptProps) => JSX.Element;
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
 export default DatePickerCpt;

package/es/components/pisellDatePicker/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const PisellDatePicker: (props: any) => JSX.Element;
+declare const PisellDatePicker: (props: any) => import("react").JSX.Element;
 export default PisellDatePicker;

package/es/components/pisellDateTimeDisplay/PisellDateTimeDisplay.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import type { PisellDateTimeDisplayProps } from './types';
+import './PisellDateTimeDisplay.less';
+/**
+ * PisellDateTimeDisplay 组件
+ *
+ * @description
+ * 专注于展示当前时间的组件，支持：
+ * - 当前日期、时间、星期展示
+ * - 多种布局方式（水平、垂直、单行）
+ * - 丰富的格式化配置
+ * - 自动刷新
+ * - 国际化支持
+ *
+ * @example
+ * // 基础用法
+ * <PisellDateTimeDisplay />
+ *
+ * // 自定义格式
+ * <PisellDateTimeDisplay
+ *   layout="vertical"
+ *   timeFormat={{ use12Hour: true, showSeconds: true }}
+ *   dateFormat={{ showYear: true, showChineseUnit: true }}
+ * />
+ *
+ * // 自定义格式化字符串
+ * <PisellDateTimeDisplay
+ *   customFormat="YYYY-MM-DD HH:mm:ss"
+ * />
+ */
+export declare const PisellDateTimeDisplay: React.FC<PisellDateTimeDisplayProps>;
+declare const _default: React.NamedExoticComponent<PisellDateTimeDisplayProps>;
+export default _default;

package/es/components/pisellDateTimeDisplay/PisellDateTimeDisplay.js

@@ -0,0 +1,254 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+import React from 'react';
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en';
+import { useCurrentTime } from "./hooks";
+import { getRefreshInterval, isChinese as checkIsChinese, getRelativeDay, getRelativeDayLabel, getDayjsLocale } from "./utils";
+import { TimeDisplay, DateDisplay, WeekdayDisplay } from "./components";
+import { DATETIME_DISPLAY_FORMATS } from "./formats/dateTimeDisplayFormats";
+import "./PisellDateTimeDisplay.less";
+
+/**
+ * PisellDateTimeDisplay 组件
+ *
+ * @description
+ * 专注于展示当前时间的组件，支持：
+ * - 当前日期、时间、星期展示
+ * - 多种布局方式（水平、垂直、单行）
+ * - 丰富的格式化配置
+ * - 自动刷新
+ * - 国际化支持
+ *
+ * @example
+ * // 基础用法
+ * <PisellDateTimeDisplay />
+ *
+ * // 自定义格式
+ * <PisellDateTimeDisplay
+ *   layout="vertical"
+ *   timeFormat={{ use12Hour: true, showSeconds: true }}
+ *   dateFormat={{ showYear: true, showChineseUnit: true }}
+ * />
+ *
+ * // 自定义格式化字符串
+ * <PisellDateTimeDisplay
+ *   customFormat="YYYY-MM-DD HH:mm:ss"
+ * />
+ */
+export var PisellDateTimeDisplay = function PisellDateTimeDisplay(props) {
+  var _ref, _presetSource$localeK;
+  var _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+    _props$textAlign = props.textAlign,
+    textAlign = _props$textAlign === void 0 ? 'center' : _props$textAlign,
+    fields = props.fields,
+    formatByLocale = props.formatByLocale,
+    timeFormat = props.timeFormat,
+    dateFormat = props.dateFormat,
+    weekdayFormat = props.weekdayFormat,
+    customFormat = props.customFormat,
+    _props$inlineSeparato = props.inlineSeparator,
+    inlineSeparator = _props$inlineSeparato === void 0 ? ' · ' : _props$inlineSeparato,
+    containerStyle = props.containerStyle,
+    timeStyle = props.timeStyle,
+    dateStyle = props.dateStyle,
+    weekdayStyle = props.weekdayStyle,
+    refreshInterval = props.refreshInterval,
+    _props$disableAutoRef = props.disableAutoRefresh,
+    disableAutoRefresh = _props$disableAutoRef === void 0 ? false : _props$disableAutoRef,
+    locale = props.locale,
+    onTimeUpdate = props.onTimeUpdate,
+    onClick = props.onClick,
+    className = props.className,
+    style = props.style;
+
+  // 多语言格式：formatByLocale 优先，否则用内置 DATETIME_DISPLAY_FORMATS；再与单项 props 合并（单项优先）
+  var localeKey = getDayjsLocale(locale);
+  var baseLocale = localeKey.split('-')[0];
+  var presetSource = formatByLocale !== null && formatByLocale !== void 0 ? formatByLocale : DATETIME_DISPLAY_FORMATS;
+  var preset = (_ref = (_presetSource$localeK = presetSource[localeKey]) !== null && _presetSource$localeK !== void 0 ? _presetSource$localeK : presetSource[baseLocale]) !== null && _ref !== void 0 ? _ref : {};
+  var effectiveFields = _objectSpread(_objectSpread({}, preset.fields), fields);
+  var effectiveDateFormat = _objectSpread(_objectSpread({}, preset.dateFormat), dateFormat);
+  var effectiveTimeFormat = _objectSpread(_objectSpread({}, preset.timeFormat), timeFormat);
+  var effectiveWeekdayFormat = _objectSpread(_objectSpread({}, preset.weekdayFormat), weekdayFormat);
+
+  // 计算刷新间隔
+  var computedRefreshInterval = refreshInterval !== null && refreshInterval !== void 0 ? refreshInterval : getRefreshInterval(effectiveTimeFormat);
+
+  // 使用自定义 hook 管理当前时间
+  var currentTime = useCurrentTime({
+    refreshInterval: computedRefreshInterval,
+    disabled: disableAutoRefresh,
+    locale: locale,
+    onUpdate: onTimeUpdate
+  });
+
+  // 如果有自定义格式化，直接使用
+  if (customFormat) {
+    var formattedTime = currentTime.format(customFormat);
+    var _containerInlineStyle = _objectSpread({
+      background: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.background,
+      borderRadius: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.borderRadius,
+      border: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.border,
+      boxShadow: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.boxShadow,
+      padding: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.padding,
+      textAlign: textAlign
+    }, style);
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-datetime-display pisell-datetime-display-custom ".concat(className || '').trim(),
+      style: _containerInlineStyle,
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement("span", null, formattedTime));
+  }
+
+  // 获取字段配置（已含多语言预设合并）
+  var _ref2 = effectiveFields || {},
+    _ref2$showTime = _ref2.showTime,
+    showTime = _ref2$showTime === void 0 ? true : _ref2$showTime,
+    _ref2$showDate = _ref2.showDate,
+    showDate = _ref2$showDate === void 0 ? true : _ref2$showDate,
+    _ref2$showWeekday = _ref2.showWeekday,
+    showWeekday = _ref2$showWeekday === void 0 ? true : _ref2$showWeekday,
+    _ref2$fieldOrder = _ref2.fieldOrder,
+    fieldOrder = _ref2$fieldOrder === void 0 ? ['time', 'date', 'weekday'] : _ref2$fieldOrder;
+
+  // 日期与星期一体：若日期以相对日（今天/昨天/明天）展示，则不展示星期
+  var referenceDate = dayjs();
+  var relativeDay = effectiveDateFormat !== null && effectiveDateFormat !== void 0 && effectiveDateFormat.showRelativeDay ? getRelativeDay(currentTime, referenceDate) : null;
+  var hideWeekdayWhenDateRelative = showDate && relativeDay !== null;
+
+  // 构建容器样式
+  var containerInlineStyle = _objectSpread({
+    background: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.background,
+    borderRadius: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.borderRadius,
+    border: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.border,
+    boxShadow: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.boxShadow,
+    padding: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.padding,
+    gap: containerStyle === null || containerStyle === void 0 ? void 0 : containerStyle.gap,
+    textAlign: textAlign
+  }, style);
+
+  // 渲染单个字段
+  var renderField = function renderField(fieldType) {
+    switch (fieldType) {
+      case 'time':
+        return showTime ? /*#__PURE__*/React.createElement(TimeDisplay, {
+          key: "time",
+          time: currentTime,
+          format: effectiveTimeFormat,
+          style: timeStyle
+        }) : null;
+      case 'date':
+        return showDate ? /*#__PURE__*/React.createElement(DateDisplay, {
+          key: "date",
+          date: currentTime,
+          format: effectiveDateFormat,
+          referenceDate: dayjs(),
+          style: dateStyle
+        }) : null;
+      case 'weekday':
+        return showWeekday && !hideWeekdayWhenDateRelative ? /*#__PURE__*/React.createElement(WeekdayDisplay, {
+          key: "weekday",
+          weekday: currentTime,
+          format: effectiveWeekdayFormat,
+          style: weekdayStyle
+        }) : null;
+      default:
+        return null;
+    }
+  };
+
+  // 单行布局：使用分隔符连接，支持每段不同分隔符（如 2025-12-31 - 2:00 周四）
+  if (layout === 'inline') {
+    var inlineSeparators = effectiveFields === null || effectiveFields === void 0 ? void 0 : effectiveFields.inlineSeparators;
+    var _renderedFields = fieldOrder.map(renderField).filter(function (field) {
+      return field !== null;
+    });
+    if (_renderedFields.length === 0) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-datetime-display pisell-datetime-display-inline ".concat(className || '').trim(),
+      style: containerInlineStyle,
+      onClick: onClick
+    }, _renderedFields.map(function (field, index) {
+      var _inlineSeparators$ind;
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: index
+      }, field, index < _renderedFields.length - 1 && /*#__PURE__*/React.createElement("span", {
+        className: "pisell-datetime-display-separator"
+      }, (_inlineSeparators$ind = inlineSeparators === null || inlineSeparators === void 0 ? void 0 : inlineSeparators[index]) !== null && _inlineSeparators$ind !== void 0 ? _inlineSeparators$ind : inlineSeparator));
+    }));
+  }
+
+  // 水平或垂直布局：直接渲染字段
+  var renderedFields = fieldOrder.map(renderField).filter(function (field) {
+    return field !== null;
+  });
+
+  // 如果没有要显示的字段，返回 null
+  if (renderedFields.length === 0) {
+    return null;
+  }
+
+  // 水平布局特殊处理：将日期和星期放在同一行
+  if (layout === 'horizontal') {
+    // 提取时间字段
+    var timeField = showTime ? renderField('time') : null;
+
+    // 判断是否为中文环境
+    var currentLocale = currentTime.locale();
+    var isChinese = checkIsChinese(currentLocale);
+
+    // 当同时显示日期和星期时，使用合并格式；有相对日时只展示相对日，不展示具体日期与星期
+    if (showDate && showWeekday) {
+      var _labels$relativeDay;
+      var labels = effectiveDateFormat === null || effectiveDateFormat === void 0 ? void 0 : effectiveDateFormat.relativeDayLabels;
+      var dateStr = relativeDay ? (_labels$relativeDay = labels === null || labels === void 0 ? void 0 : labels[relativeDay]) !== null && _labels$relativeDay !== void 0 ? _labels$relativeDay : getRelativeDayLabel(relativeDay, currentTime.locale()) : isChinese ? currentTime.format('M月D日') : currentTime.format('D MMM');
+      var weekdayStr = currentTime.format('ddd');
+      // 相对日替换掉原日期展示：有今天/昨天/明天时只显示相对日，不拼接具体日期或星期
+      var combinedStr = relativeDay ? dateStr : isChinese ? "".concat(weekdayStr, " ").concat(dateStr) : "".concat(weekdayStr, ", ").concat(dateStr);
+
+      // 构建日期样式
+      var dateInlineStyle = {
+        fontSize: dateStyle === null || dateStyle === void 0 ? void 0 : dateStyle.fontSize,
+        fontWeight: dateStyle === null || dateStyle === void 0 ? void 0 : dateStyle.fontWeight,
+        color: dateStyle === null || dateStyle === void 0 ? void 0 : dateStyle.color,
+        lineHeight: dateStyle === null || dateStyle === void 0 ? void 0 : dateStyle.lineHeight
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: "pisell-datetime-display pisell-datetime-display-".concat(layout, " ").concat(className || '').trim(),
+        style: containerInlineStyle,
+        onClick: onClick
+      }, timeField, /*#__PURE__*/React.createElement("span", {
+        className: "pisell-datetime-display-date pisell-datetime-display-combined",
+        style: dateInlineStyle
+      }, combinedStr));
+    }
+
+    // 只显示日期或只显示星期：分别渲染
+    var dateField = showDate ? renderField('date') : null;
+    var weekdayField = showWeekday ? renderField('weekday') : null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-datetime-display pisell-datetime-display-".concat(layout, " ").concat(className || '').trim(),
+      style: containerInlineStyle,
+      onClick: onClick
+    }, timeField, (dateField || weekdayField) && /*#__PURE__*/React.createElement("div", {
+      className: "pisell-datetime-display-date-weekday-row"
+    }, dateField, weekdayField));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-datetime-display pisell-datetime-display-".concat(layout, " ").concat(className || '').trim(),
+    style: containerInlineStyle,
+    onClick: onClick
+  }, renderedFields);
+};
+
+// 性能优化：使用 React.memo
+export default /*#__PURE__*/React.memo(PisellDateTimeDisplay);