@pisell/materials 1.8.7 → 1.8.8

package/es/components/pisellDateTimeDisplay/utils/formatDateOrRelative.js

@@ -0,0 +1,38 @@
+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 { formatDate } from "./formatDate";
+import { formatWeekday } from "./formatWeekday";
+import { getRelativeDay, getRelativeDayLabel } from "./relativeDay";
+
+/**
+ * 获取「日期部分」的展示文案（相对日内置在 datetime）
+ * - 若开启 showRelativeDay 且日期为今天/昨天/明天，返回相对日文案（如「今天」「Yesterday」）
+ * - 否则返回「星期, 日期」格式（用于时间区间跨天等场景）
+ *
+ * 供 PisellDateTimeDisplay、PisellTimeRangeDisplay 等统一使用，相对时间逻辑只在此处维护
+ */
+export function getDatePartDisplay(params) {
+  var date = params.date,
+    dateFormat = params.dateFormat,
+    weekdayFormat = params.weekdayFormat,
+    referenceDate = params.referenceDate,
+    dateFormatOverride = params.dateFormatOverride;
+  if (dateFormat !== null && dateFormat !== void 0 && dateFormat.showRelativeDay) {
+    var rel = getRelativeDay(date, referenceDate);
+    if (rel) {
+      var _labels$rel;
+      var labels = dateFormat.relativeDayLabels;
+      return (_labels$rel = labels === null || labels === void 0 ? void 0 : labels[rel]) !== null && _labels$rel !== void 0 ? _labels$rel : getRelativeDayLabel(rel, date.locale());
+    }
+  }
+  var mergedDateConfig = _objectSpread(_objectSpread({}, dateFormat), dateFormatOverride);
+  var weekdayStr = formatWeekday(date, _objectSpread(_objectSpread({}, weekdayFormat), {}, {
+    trailingComma: true
+  }));
+  var dateStr = formatDate(date, mergedDateConfig);
+  return "".concat(weekdayStr, " ").concat(dateStr);
+}

package/es/components/pisellDateTimeDisplay/utils/formatWeekday.js

@@ -32,32 +32,31 @@ export function formatWeekday(weekday, config) {
     _ref$full = _ref.full,
     full = _ref$full === void 0 ? false : _ref$full,
     _ref$singleLetter = _ref.singleLetter,
-    singleLetter = _ref$singleLetter === void 0 ? false : _ref$singleLetter;
+    singleLetter = _ref$singleLetter === void 0 ? false : _ref$singleLetter,
+    _ref$trailingComma = _ref.trailingComma,
+    trailingComma = _ref$trailingComma === void 0 ? false : _ref$trailingComma;
 
   // 判断是否为中文环境
   var locale = weekday.locale();
   var isChinese = checkIsChinese(locale);
+  var appendComma = function appendComma(s) {
+    return trailingComma ? isChinese ? "".concat(s, "\uFF0C") : "".concat(s, ",") : s;
+  };
 
   // 单字母展示
   if (singleLetter) {
     if (isChinese) {
-      // 中文：一、二、三、四、五、六、日
       var weekdayMap = ['日', '一', '二', '三', '四', '五', '六'];
-      return weekdayMap[weekday.day()];
-    } else {
-      // 英文：S, M, T, W, T, F, S
-      // 使用 format('dd') 获取缩写（如 Su, Mo），然后取第一个字母
-      return weekday.format('dd').charAt(0);
+      return appendComma(weekdayMap[weekday.day()]);
     }
+    return appendComma(weekday.format('dd').charAt(0));
   }
 
   // 完整展示
   if (full) {
-    // dddd: 星期一 / Monday
-    return weekday.format('dddd');
+    return appendComma(weekday.format('dddd'));
   }
 
-  // 默认（缩写）
-  // ddd: 周一 / Mon
-  return weekday.format('ddd');
+  // 默认（缩写）ddd: 周一 / Mon
+  return appendComma(weekday.format('ddd'));
 }

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

@@ -1,5 +1,7 @@
 export { formatTime } from './formatTime';
 export { formatDate } from './formatDate';
 export { formatWeekday } from './formatWeekday';
+export { getDatePartDisplay } from './formatDateOrRelative';
 export { getRefreshInterval } from './getRefreshInterval';
-export { getBrowserLocale, normalizeLocale, isChinese, getDayjsLocale, } from './localeUtils';
+export { getRelativeDay, getRelativeDayLabel, type RelativeDay, } from './relativeDay';
+export { normalizeLocale, isChinese, getDayjsLocale, } from './localeUtils';

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

@@ -1,5 +1,7 @@
 export { formatTime } from "./formatTime";
 export { formatDate } from "./formatDate";
 export { formatWeekday } from "./formatWeekday";
+export { getDatePartDisplay } from "./formatDateOrRelative";
 export { getRefreshInterval } from "./getRefreshInterval";
-export { getBrowserLocale, normalizeLocale, isChinese, getDayjsLocale } from "./localeUtils";
+export { getRelativeDay, getRelativeDayLabel } from "./relativeDay";
+export { normalizeLocale, isChinese, getDayjsLocale } from "./localeUtils";

package/es/components/pisellDateTimeDisplay/utils/localeUtils.d.ts

@@ -1,9 +1,3 @@
-/**
- * 获取浏览器语言
- * @returns 浏览器语言代码
- * @example 'zh-CN' | 'en' | 'zh-HK'
- */
-export declare function getBrowserLocale(): string;
 /**
  * 标准化 locale 代码
  * @param locale 原始 locale 代码
@@ -20,7 +14,8 @@ export declare function normalizeLocale(locale: string): string;
 export declare function isChinese(locale: string): boolean;
 /**
  * 获取 dayjs 兼容的 locale 代码
- * @param locale 原始 locale 代码
+ * 未传 locale 时使用 i18n 当前语言（全局配置 / umi_locale），不再使用浏览器语言
+ * @param locale 原始 locale 代码（可选）
  * @returns dayjs 兼容的 locale 代码
  * @example 'zh-CN' -> 'zh-cn', 'en-US' -> 'en'
  */

package/es/components/pisellDateTimeDisplay/utils/localeUtils.js

@@ -1,17 +1,4 @@
-/**
- * 获取浏览器语言
- * @returns 浏览器语言代码
- * @example 'zh-CN' | 'en' | 'zh-HK'
- */
-export function getBrowserLocale() {
-  if (typeof window === 'undefined' || typeof navigator === 'undefined') {
-    return 'en';
-  }
-
-  // 优先使用 navigator.language
-  var browserLang = navigator.language || navigator.userLanguage || 'en';
-  return browserLang;
-}
+import { getCurrentLocale } from "../../../utils/locale";
 
 /**
  * 标准化 locale 代码
@@ -36,14 +23,14 @@ export function isChinese(locale) {
 
 /**
  * 获取 dayjs 兼容的 locale 代码
- * @param locale 原始 locale 代码
+ * 未传 locale 时使用 i18n 当前语言（全局配置 / umi_locale），不再使用浏览器语言
+ * @param locale 原始 locale 代码（可选）
  * @returns dayjs 兼容的 locale 代码
  * @example 'zh-CN' -> 'zh-cn', 'en-US' -> 'en'
  */
 export function getDayjsLocale(locale) {
   if (!locale) {
-    var browserLocale = getBrowserLocale();
-    return normalizeLocale(browserLocale);
+    return normalizeLocale(getCurrentLocale());
   }
   return normalizeLocale(locale);
 }

package/es/components/pisellDateTimeDisplay/utils/relativeDay.d.ts

@@ -0,0 +1,23 @@
+import type { Dayjs } from 'dayjs';
+export declare type RelativeDay = 'today' | 'yesterday' | 'tomorrow';
+/**
+ * 判断日期相对于参考日期是今天、昨天还是明天
+ *
+ * @param date 要展示的日期
+ * @param reference 参考日期（通常为「当前」dayjs()）
+ * @returns 'today' | 'yesterday' | 'tomorrow' | null
+ *
+ * @example
+ * getRelativeDay(dayjs(), dayjs())           // => 'today'
+ * getRelativeDay(dayjs().add(1,'day'), dayjs()) // => 'tomorrow'
+ * getRelativeDay(dayjs().subtract(1,'day'), dayjs()) // => 'yesterday'
+ */
+export declare function getRelativeDay(date: Dayjs, reference: Dayjs): RelativeDay | null;
+/**
+ * 根据 locale 返回相对日期的展示文案
+ *
+ * @param day 'today' | 'yesterday' | 'tomorrow'
+ * @param locale dayjs locale，如 'zh-cn'、'en'
+ * @returns 如 '今天'、'Today'
+ */
+export declare function getRelativeDayLabel(day: RelativeDay, locale?: string): string;

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

@@ -0,0 +1,45 @@
+import { isChinese as checkIsChinese } from "./localeUtils";
+var LABELS_ZH = {
+  today: '今天',
+  yesterday: '昨天',
+  tomorrow: '明天'
+};
+var LABELS_EN = {
+  today: 'Today',
+  yesterday: 'Yesterday',
+  tomorrow: 'Tomorrow'
+};
+
+/**
+ * 判断日期相对于参考日期是今天、昨天还是明天
+ *
+ * @param date 要展示的日期
+ * @param reference 参考日期（通常为「当前」dayjs()）
+ * @returns 'today' | 'yesterday' | 'tomorrow' | null
+ *
+ * @example
+ * getRelativeDay(dayjs(), dayjs())           // => 'today'
+ * getRelativeDay(dayjs().add(1,'day'), dayjs()) // => 'tomorrow'
+ * getRelativeDay(dayjs().subtract(1,'day'), dayjs()) // => 'yesterday'
+ */
+export function getRelativeDay(date, reference) {
+  var d = date.startOf('day');
+  var r = reference.startOf('day');
+  var diff = d.diff(r, 'day');
+  if (diff === 0) return 'today';
+  if (diff === 1) return 'tomorrow';
+  if (diff === -1) return 'yesterday';
+  return null;
+}
+
+/**
+ * 根据 locale 返回相对日期的展示文案
+ *
+ * @param day 'today' | 'yesterday' | 'tomorrow'
+ * @param locale dayjs locale，如 'zh-cn'、'en'
+ * @returns 如 '今天'、'Today'
+ */
+export function getRelativeDayLabel(day, locale) {
+  var isZh = locale ? checkIsChinese(locale) : false;
+  return isZh ? LABELS_ZH[day] : LABELS_EN[day];
+}

package/es/components/pisellDraggable/components/Remove/Remove.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { ActionProps } from '../Action';
-export declare function Remove(props: ActionProps): React.JSX.Element;
+export declare function Remove(props: ActionProps): JSX.Element;

package/es/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -5,5 +5,5 @@ interface Props extends TreeItemProps {
     id: UniqueIdentifier;
     __designMode?: string;
 }
-declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ id, depth, ...props }: Props) => JSX.Element>;
 export default _default;

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

@@ -30,6 +30,6 @@ interface Props {
     /** 自定义拖拽判断函数，返回false时阻止拖拽 */
     canDrop?: (dragItem: FlattenedItem, dropTarget: FlattenedItem, parentId: UniqueIdentifier | null, parentNode: any) => boolean;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): React.JSX.Element;
-declare const Demo: (props: Props) => React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, canDrop, }: Props): JSX.Element;
+declare const Demo: (props: Props) => JSX.Element;
 export default Demo;

package/es/components/pisellDropSort/components/SortableItem/index.d.ts

@@ -22,5 +22,5 @@ interface SortableItemProps {
     /** 获取item样式 */
     getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
 }
-declare const SortableItem: (props: SortableItemProps) => React.JSX.Element;
+declare const SortableItem: (props: SortableItemProps) => JSX.Element;
 export default SortableItem;

package/es/components/pisellEmail/PisellEmail.less

@@ -20,7 +20,7 @@
     align-items: center;
 
     // 链接样式
-    .ant-typography-link {
+    .pisell-lowcode-typography-link {
       cursor: pointer;
       transition: all 0.3s;
 
@@ -42,7 +42,7 @@
 
 // AutoComplete 下拉样式优化
 .pisell-email-autocomplete-dropdown {
-  .ant-select-item-option-content {
+  .pisell-lowcode-select-item-option-content {
     display: flex;
     align-items: center;
     gap: 8px;

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

@@ -15,5 +15,5 @@ export interface PisellEmptyProps extends EmptyProps {
     /** 最大宽度 */
     maxWidth?: number;
 }
-declare const PisellEmpty: (props: PisellEmptyProps) => React.JSX.Element;
+declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
 export default PisellEmpty;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { PisellFilterProps } from './type';
-declare const PisellFilter: (props: PisellFilterProps) => React.JSX.Element;
+declare const PisellFilter: (props: PisellFilterProps) => JSX.Element;
 export default PisellFilter;

package/es/components/pisellFind/PisellFind.stories.d.ts

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellFind } from './index';
+/**
+ * PisellFind 组件 Storybook
+ * 基于 PisellLookup 的组件内查找优化版本
+ */
+declare const meta: Meta<typeof PisellFind>;
+export default meta;
+declare type Story = StoryObj<typeof PisellFind>;
+/**
+ * 基础示例 - 列表查找
+ */
+export declare const Basic: Story;
+/**
+ * 表格查找
+ */
+export declare const TableFind: Story;
+/**
+ * Input 模式查找
+ */
+export declare const InputMode: Story;
+/**
+ * 使用 Ref 控制
+ */
+export declare const WithRef: Story;
+/**
+ * 显示确认按钮
+ */
+export declare const WithConfirmButton: Story;
+/**
+ * 关闭历史记录
+ */
+export declare const NoHistory: Story;
+/**
+ * 多字段搜索
+ */
+export declare const MultiFieldSearch: Story;
+/**
+ * Drawer 模式
+ */
+export declare const DrawerMode: Story;
+/**
+ * Playground - 自由配置
+ */
+export declare const Playground: Story;