@pisell/materials 1.0.1042 → 1.0.1044

package/es/components/pisellRecordBoard/docs/PisellRecordBoard.md

@@ -387,6 +387,64 @@ export default () => {
 };
 ```
 
+### 筛选默认值（QuickFilter）
+
+左侧 QuickFilter 的表单展示和请求参数都来自 **`searchParams.filter.values`**。要带默认值（如订单日期默认「近 7 天」），在**受控**使用时，用初始的 `searchParams` 把默认值写进 `filter.values` 即可。
+
+- 传入 RecordBoard 的 `searchParams` 初始值里包含 `filter: { values: { [字段名]: 默认值 }, quickFilter: [], otherFilter: [...] }`。
+- `filter.values` 的 key 需与 quickFilter 的 `filterList` 里每一项的 `name`/`key` 一致（如 `orderDate`）。
+- 日期范围等建议用 dayjs 实例，例如 `orderDate: [dayjs().subtract(7, 'day'), dayjs()]`。
+
+示例（orderDate 默认近 7 天）：
+
+```tsx
+import React, { useState } from 'react';
+import dayjs from 'dayjs';
+import { PisellRecordBoard } from '@pisell/materials';
+
+// 初始 searchParams 带默认筛选
+const [searchParams, setSearchParams] = useState<Record<string, unknown>>({
+  filter: {
+    quickFilter: [],
+    otherFilter: [], // 或你的 otherFilter 配置
+    values: {
+      orderDate: [dayjs().subtract(7, 'day'), dayjs()],
+    },
+  },
+});
+
+// value 里 searchParams、onSearch 照常
+const value = {
+  data: list,
+  searchParams,
+  onSearch: (params) => setSearchParams(params),
+  // ...
+};
+
+// toolBar 里 quickFilter.filterList 的 name/key 为 orderDate，与上面 values.orderDate 对应
+<PisellRecordBoard
+  {...value}
+  toolBar={{
+    quickFilter: {
+      filterList: [
+        {
+          type: 'rangePicker',
+          name: 'orderDate',
+          key: 'orderDate',
+          label: '订单日期',
+          props: { placeholder: ['开始', '结束'] },
+        },
+      ],
+    },
+    filter: { hiddenQuickFilter: true },
+  }}
+>
+  ...
+</PisellRecordBoard>
+```
+
+这样首屏会显示默认日期范围，且首次请求会带上该筛选条件。
+
 ### 自定义组合（不用 ShellFrame）
 
 可单独使用 ToolBar、BatchActionBar、Grid、Pagination 自由组合。

package/es/components/pisellRecordBoard/docs/ShellFrame.md

@@ -87,7 +87,7 @@ Shell Frame 内各块通过 RecordBoard 打散传入的 **grid**、**toolBar**
 ## 搜索与筛选约定
 
 - **搜索**：默认绑定 `searchParams.keyword`，变更时调用 `onSearch({ ...searchParams, keyword: value })`。
-- **筛选**：绑定 `searchParams.filter`，结构为 `{ quickFilter, otherFilter, values }`；ToolBar 内右侧 Filter 弹层默认 `hiddenQuickFilter: true`，快筛全部在左侧 QuickFilter 展示。
+- **筛选**：绑定 `searchParams.filter`，结构为 `{ quickFilter, otherFilter, values }`；ToolBar 内右侧 Filter 弹层默认 `hiddenQuickFilter: true`，快筛全部在左侧 QuickFilter 展示。**筛选默认值**：在受控用法下，给传入的 `searchParams` 设置初始值，在 `filter.values` 里按 quickFilter 的 `name`/`key` 写好默认值即可（详见 [PisellRecordBoard - 筛选默认值](./PisellRecordBoard.md#筛选默认值quickfilter)）。
 - **排序**：绑定 `searchParams.sort`，单值字符串；Sort 与 Filter 变更均通过 `onSearch` 写回 `searchParams`。
 
 ## 相关文档

package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.js

@@ -48,7 +48,7 @@ const CONTEXT_ONLY_KEYS = [
 	"setScrollAreaHeight"
 ];
 const RecordBoardGridView = (props) => {
-	var _ref2, _ctx$data;
+	var _ref2, _ctx$data, _ctx$data2;
 	const ctx = useRecordBoardContext({ displayName: "grid" });
 	const { render, columns: columnsProp, rowKey: rowKeyProp, rowSelection: rowSelectionProp } = props, rest = _objectWithoutProperties(props, _excluded);
 	const rawColumns = (_ref2 = columnsProp !== null && columnsProp !== void 0 ? columnsProp : ctx.columns) !== null && _ref2 !== void 0 ? _ref2 : [];
@@ -62,9 +62,10 @@ const RecordBoardGridView = (props) => {
 		const key = (_ref3 = (_ctx$rowKey = ctx.rowKey) !== null && _ctx$rowKey !== void 0 ? _ctx$rowKey : rowKeyProp) !== null && _ref3 !== void 0 ? _ref3 : "id";
 		return typeof key === "function" ? key : (record) => getRowKey(record, typeof key === "string" ? key : String(key));
 	}, [ctx.rowKey, rowKeyProp]);
+	const rowSelectionConfig = rowSelectionProp !== null && rowSelectionProp !== void 0 ? rowSelectionProp : ctx.rowSelection;
 	const rowSelection = useMemo(() => {
-		if (rowSelectionProp === false) return void 0;
-		const base = typeof rowSelectionProp === "object" ? rowSelectionProp : {};
+		if (rowSelectionConfig === false) return void 0;
+		const base = typeof rowSelectionConfig === "object" ? rowSelectionConfig : {};
 		return _objectSpread2(_objectSpread2({}, base), {}, {
 			selectedRowKeys: ctx.selectedKeys,
 			onChange: (selectedRowKeys, selectedRows) => {
@@ -76,7 +77,7 @@ const RecordBoardGridView = (props) => {
 	}, [
 		ctx.selectedKeys,
 		ctx.onSelectionChange,
-		rowSelectionProp
+		rowSelectionConfig
 	]);
 	const gridTableProps = useMemo(() => {
 		const picked = {};
@@ -87,25 +88,34 @@ const RecordBoardGridView = (props) => {
 		return picked;
 	}, [ctx]);
 	if (typeof render === "function") return /* @__PURE__ */ React.createElement(React.Fragment, null, render(_objectSpread2(_objectSpread2({}, ctx), rest)));
+	const dataSource = (_ctx$data = ctx.data) !== null && _ctx$data !== void 0 ? _ctx$data : [];
+	const isEmpty = !Array.isArray(dataSource) || dataSource.length === 0;
+	const sumColumnWidths = useMemo(() => {
+		return columns.reduce((sum, col) => {
+			var _col$width;
+			return sum + ((_col$width = col.width) !== null && _col$width !== void 0 ? _col$width : 250);
+		}, 0) || 2e3;
+	}, [columns]);
 	const tableScroll = useMemo(() => {
 		var _rest$scroll;
 		const scroll = (_rest$scroll = rest.scroll) !== null && _rest$scroll !== void 0 ? _rest$scroll : ctx.scroll;
+		const scrollX = isEmpty && scroll && typeof scroll.x !== "number" ? sumColumnWidths : scroll === null || scroll === void 0 ? void 0 : scroll.x;
 		if ((scroll === null || scroll === void 0 ? void 0 : scroll.autoCalc) && typeof ctx.scrollAreaHeight === "number") {
-			var _scroll$x;
 			const wrapHeight = ctx.scrollAreaHeight;
-			ctx.pagination;
 			return {
-				x: (_scroll$x = scroll.x) !== null && _scroll$x !== void 0 ? _scroll$x : columns.reduce((p, c) => {
-					var _c$width;
-					return p + ((_c$width = c.width) !== null && _c$width !== void 0 ? _c$width : 250);
-				}, 0) || 2e3,
+				x: scrollX !== null && scrollX !== void 0 ? scrollX : sumColumnWidths,
 				y: Math.max(wrapHeight - 40, 100),
 				scrollToFirstRowOnChange: scroll.scrollToFirstRowOnChange
 			};
 		}
 		if (scroll && typeof scroll === "object") {
 			const _ref4 = scroll, { autoCalc: _a } = _ref4, restScroll = _objectWithoutProperties(_ref4, _excluded2);
-			return Object.keys(restScroll).length ? restScroll : void 0;
+			const resolved = Object.keys(restScroll).length ? restScroll : void 0;
+			if (resolved) {
+				var _ref5;
+				return _objectSpread2(_objectSpread2({}, resolved), {}, { x: (_ref5 = scrollX !== null && scrollX !== void 0 ? scrollX : resolved.x) !== null && _ref5 !== void 0 ? _ref5 : sumColumnWidths });
+			}
+			return resolved;
 		}
 		return scroll;
 	}, [
@@ -113,7 +123,9 @@ const RecordBoardGridView = (props) => {
 		ctx.scroll,
 		ctx.scrollAreaHeight,
 		ctx.pagination,
-		columns
+		columns,
+		sumColumnWidths,
+		isEmpty
 	]);
 	return /* @__PURE__ */ React.createElement("div", {
 		"data-layout-slot": "grid",
@@ -121,7 +133,7 @@ const RecordBoardGridView = (props) => {
 	}, /* @__PURE__ */ React.createElement(Table, _objectSpread2(_objectSpread2(_objectSpread2({}, rest), gridTableProps), {}, {
 		scroll: tableScroll,
 		rowKey: tableRowKey,
-		dataSource: (_ctx$data = ctx.data) !== null && _ctx$data !== void 0 ? _ctx$data : [],
+		dataSource: (_ctx$data2 = ctx.data) !== null && _ctx$data2 !== void 0 ? _ctx$data2 : [],
 		loading: ctx.loading,
 		columns,
 		rowSelection,

package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.less

@@ -21,6 +21,18 @@
     background: var(--ant-color-bg-container, #ffffff);
   }
 
+  /*
+   * 根本原因：表头所有单元格统一用了 z-index: 1，横向滚动时后面的列（非固定列）与固定列同层叠，
+   * 非固定列会盖住固定列。解决：仅对「固定列」提高 z-index。
+   * antd/rc-table 会给所有 fixed 列（含多选列）的 th/td 加上 .*-table-cell-fix-left，
+   * 用该类选择器即可覆盖任意数量的固定列，无需按 nth-child 逐个写。
+   */
+
+  .pisell-lowcode-table-thead .pisell-lowcode-table-cell-fix-left {
+    z-index: 2 !important;
+    background: var(--ant-color-bg-container, #ffffff) !important;
+  }
+
   // 让 antd Table 外层占满，使 scroll.y 生效且高度链不断
   .pisell-lowcode-table-wrapper {
     flex: 1;
@@ -28,12 +40,14 @@
     display: flex;
     flex-direction: column;
   }
+
   .pisell-lowcode-table-wrapper .pisell-lowcode-table {
     flex: 1;
     min-height: 0;
     display: flex;
     flex-direction: column;
   }
+
   .pisell-lowcode-table-wrapper .pisell-lowcode-table .pisell-lowcode-table-container {
     flex: 1;
     min-height: 0;

package/es/components/pisellRecordBoard/shellFrame/Pagination/index.js

@@ -36,6 +36,7 @@ const RecordBoardPagination = (props) => {
 		(_ctx$childComponentPr3 = ctx.childComponentProps) === null || _ctx$childComponentPr3 === void 0 ? void 0 : _ctx$childComponentPr3.pagination
 	]);
 	if (typeof render === "function") return /* @__PURE__ */ React.createElement(React.Fragment, null, render(_objectSpread2(_objectSpread2({}, ctx), rest)));
+	if (ctx.total === 0) return null;
 	return /* @__PURE__ */ React.createElement("div", {
 		"data-layout-slot": "pagination",
 		className: "record-board-shell-frame-pagination",

package/es/components/pisellRecordBoard/shellFrame/Pagination/index.less

@@ -64,3 +64,15 @@
     }
   }
 }
+
+/**
+ * 手机宽度下：不展示 "page x of x" 文案，仅保留上一页/下一页
+ */
+@media (max-width: 768px) {
+  .record-board-shell-frame-pagination {
+    .materials-grid-paginator-center,
+    .pisell-lowcode-pagination-total-text {
+      display: none !important;
+    }
+  }
+}

package/es/components/pisellRecordBoard/shellFrame/ToolBar/ToolBarFilter.less

@@ -18,6 +18,23 @@
       max-width: 100%;
     }
   }
+
+  .pisell-lowcode-form-item {
+    margin-right: 0;
+  }
+
+  .MuiFormLabel-root {
+    line-height: 30px;
+  }
+
+  .MuiInputBase-root {
+    height: 48px !important;
+    border-radius: 8px !important;
+
+    input {
+      //height: 48px !important;
+    }
+  }
 }
 
 .record-board-toolbar-quick-filter-form {
@@ -26,6 +43,24 @@
   align-items: center;
 }
 
+/**
+ * 手机版宽度：左侧快筛 + 搜索 支持换行，避免挤在一行
+ */
+@media (max-width: 768px) {
+  .record-board-toolbar-top-left {
+    flex-wrap: wrap;
+  }
+
+  .record-board-toolbar-top-left .record-board-toolbar-find-wrap {
+    flex: 1 1 100%;
+    min-width: 100%;
+  }
+
+  .record-board-toolbar-quick-filter-form {
+    flex-wrap: wrap;
+  }
+}
+
 /**
  * RecordBoard 工具栏「筛选」按钮样式
  * 依据 Figma Pisell 2.0 Component Library - Filter Button (node-id=13586-90537)

package/es/components/pisellRecordBoard/shellFrame/ToolBar/index.js

@@ -11,10 +11,15 @@ import ToolBarQuickFilter_default from "../ToolBarQuickFilter/index.js";
 import ColumnSetting_default from "../ColumnSetting/index.js";
 import { Button, Space } from "antd";
 import React, { useCallback, useMemo } from "react";
+import { locales } from "@pisell/utils";
 import SwitchVertical01 from "@pisell/icon/es/SwitchVertical01";
 import "./ToolBarFilter.less";
 
 //#region src/components/pisellRecordBoard/shellFrame/ToolBar/index.tsx
+/** 与 Quick Filter 同源：使用 @pisell/utils 的 locales.getText，无 key 时回退 materials getText */
+function getSortButtonText() {
+	return locales.getText("pisell2.recordBoard.toolbar.sort") || getText("sort-button-text");
+}
 /** 默认搜索参数字段名，与 context.searchParams 对应 */
 const DEFAULT_SEARCH_FIELD = "keyword";
 /** 筛选在 searchParams 中的字段名 */
@@ -87,25 +92,52 @@ const RecordBoardToolBar = (props) => {
 			className: "record-board-toolbar-filter-btn",
 			icon: /* @__PURE__ */ React.createElement(SwitchVertical01, null),
 			size: "large"
-		}, getText("sort-button-text"))
+		}, getSortButtonText())
 	}));
 	const filterConfig = slots.filter;
 	const hideFilter = filterConfig === false;
 	const filterValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
-	const hasFilterItems = Array.isArray(filterValue === null || filterValue === void 0 ? void 0 : filterValue.quickFilter) && filterValue.quickFilter.length > 0 || Array.isArray(filterValue === null || filterValue === void 0 ? void 0 : filterValue.otherFilter) && filterValue.otherFilter.length > 0;
+	const hasFilterList = Array.isArray(filterValue === null || filterValue === void 0 ? void 0 : filterValue.quickFilter) && filterValue.quickFilter.length > 0 || Array.isArray(filterValue === null || filterValue === void 0 ? void 0 : filterValue.otherFilter) && filterValue.otherFilter.length > 0;
+	const hasFilterValues = typeof (filterValue === null || filterValue === void 0 ? void 0 : filterValue.values) === "object" && filterValue.values !== null && Object.keys(filterValue.values).length > 0;
+	const hasFilterItems = hasFilterList || hasFilterValues;
+	const defaultFilterFromConfig = typeof filterConfig === "object" && filterConfig !== null && filterConfig.defaultFilterValue ? filterConfig.defaultFilterValue : null;
 	const effectiveFilterValue = useMemo(() => {
-		var _base$values;
-		const base = filterValue != null && hasFilterItems ? filterValue : typeof filterConfig === "object" && filterConfig !== null && filterConfig.defaultFilterValue ? filterConfig.defaultFilterValue : derivedFilterFromColumns && (derivedFilterFromColumns.quickFilter.length > 0 || derivedFilterFromColumns.otherFilter.length > 0) ? derivedFilterFromColumns : getDefaultFilterValue();
-		return _objectSpread2(_objectSpread2({}, base), {}, { values: (_base$values = base.values) !== null && _base$values !== void 0 ? _base$values : {} });
+		var _defaultFilterFromCon, _defaultFilterFromCon2, _base$values;
+		const base = filterValue != null && hasFilterItems ? filterValue : defaultFilterFromConfig ? defaultFilterFromConfig : derivedFilterFromColumns && (derivedFilterFromColumns.quickFilter.length > 0 || derivedFilterFromColumns.otherFilter.length > 0) ? derivedFilterFromColumns : getDefaultFilterValue();
+		const quickFilter = Array.isArray(base.quickFilter) && base.quickFilter.length > 0 ? base.quickFilter : (_defaultFilterFromCon = defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.quickFilter) !== null && _defaultFilterFromCon !== void 0 ? _defaultFilterFromCon : [];
+		let otherFilter = Array.isArray(base.otherFilter) && base.otherFilter.length > 0 ? base.otherFilter : (_defaultFilterFromCon2 = defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.otherFilter) !== null && _defaultFilterFromCon2 !== void 0 ? _defaultFilterFromCon2 : [];
+		if (otherFilter === base.otherFilter && Array.isArray(defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.otherFilter) && defaultFilterFromConfig.otherFilter.length > 0) {
+			const configMap = new Map(defaultFilterFromConfig.otherFilter.map((c) => {
+				var _ref2, _c$key;
+				return [(_ref2 = (_c$key = c.key) !== null && _c$key !== void 0 ? _c$key : c.name) !== null && _ref2 !== void 0 ? _ref2 : "", c];
+			}));
+			otherFilter = otherFilter.map((item) => {
+				var _ref3, _item$key;
+				const key = (_ref3 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.name) !== null && _ref3 !== void 0 ? _ref3 : "";
+				const configItem = configMap.get(key);
+				if (!configItem) return item;
+				return _objectSpread2(_objectSpread2(_objectSpread2({}, configItem), item), {}, { other: _objectSpread2(_objectSpread2({}, configItem === null || configItem === void 0 ? void 0 : configItem.other), item === null || item === void 0 ? void 0 : item.other) });
+			});
+		}
+		return _objectSpread2(_objectSpread2({}, base), {}, {
+			quickFilter,
+			otherFilter,
+			values: (_base$values = base.values) !== null && _base$values !== void 0 ? _base$values : {}
+		});
 	}, [
 		filterValue,
 		hasFilterItems,
-		filterConfig,
+		defaultFilterFromConfig,
 		derivedFilterFromColumns
 	]);
 	const filterValueForPisellFilter = useMemo(() => _objectSpread2(_objectSpread2({}, effectiveFilterValue), {}, { quickFilter: [] }), [effectiveFilterValue]);
 	const handleFilterChange = useCallback((value) => {
-		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [FILTER_PARAMS_FIELD]: value }));
+		var _currentFilter$values, _value$values;
+		const currentFilter = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+		const currentValues = (_currentFilter$values = currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.values) !== null && _currentFilter$values !== void 0 ? _currentFilter$values : {};
+		const incomingValues = (_value$values = value === null || value === void 0 ? void 0 : value.values) !== null && _value$values !== void 0 ? _value$values : {};
+		const nextFilter = _objectSpread2(_objectSpread2({}, value), {}, { values: _objectSpread2(_objectSpread2({}, currentValues), incomingValues) });
+		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [FILTER_PARAMS_FIELD]: nextFilter }));
 	}, [onSearch, searchParams]);
 	const filterNode = hideFilter ? null : /* @__PURE__ */ React.createElement(pisellFilter_default, _objectSpread2({
 		value: filterValueForPisellFilter,

package/es/components/pisellRecordBoard/shellFrame/ToolBarReset/index.js

@@ -3,10 +3,15 @@ import { getText } from "../../../../locales/index.js";
 import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
 import { Button } from "antd";
 import React, { useCallback } from "react";
+import { locales } from "@pisell/utils";
 import { ReloadOutlined } from "@ant-design/icons";
 import "./index.less";
 
 //#region src/components/pisellRecordBoard/shellFrame/ToolBarReset/index.tsx
+/** 与 Quick Filter 同源：使用 @pisell/utils 的 locales.getText，无 key 时回退 materials getText */
+function getResetButtonText() {
+	return locales.getText("pisell2.recordBoard.toolbar.reset") || getText("record-board-toolbar-reset");
+}
 /** 筛选在 searchParams 中的字段名，与 ToolBar 一致 */
 const FILTER_PARAMS_FIELD = "filter";
 /** 排序在 searchParams 中的字段名，与 ToolBar 一致 */
@@ -16,7 +21,7 @@ const SORT_PARAMS_FIELD = "sort";
 * 点击后以空 filter.values、清空 sort 调用 onSearch，并调用 onReset（若提供）。
 */
 const ToolBarReset = ({ size = "large", type = "default", children }) => {
-	const defaultResetText = getText("record-board-toolbar-reset");
+	const defaultResetText = getResetButtonText();
 	const { searchParams, onSearch, onReset } = useRecordBoardContext();
 	const handleReset = useCallback(() => {
 		var _currentFilter$otherF;

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

@@ -213,7 +213,8 @@ type RecordBoardGridProps = {
   size?: 'small' | 'middle' | 'default'; /** 当前选中的行 key 列表（多选） */
   selectedKeys?: Key[]; /** 当前选中的行数据（多选） */
   selectedRows?: unknown[]; /** 多选变更回调 */
-  onSelectionChange?: (keys: Key[], rows: unknown[]) => void;
+  onSelectionChange?: (keys: Key[], rows: unknown[]) => void; /** 多选列配置：fixed、columnWidth 等，与 selectedKeys/onSelectionChange 合并为 Table rowSelection */
+  rowSelection?: Partial<Omit<NonNullable<TableProps<unknown>['rowSelection']>, 'selectedRowKeys' | 'onChange'>>;
 } & Omit<TableProps<unknown>, 'dataSource' | 'loading' | 'pagination' | 'columns' | 'scroll' | 'size' | 'rowSelection'>;
 interface RecordBoardChildComponentProps {
   /** 搜索配置，透传给 PisellFind；关键词绑定 searchParams.keyword */

package/es/components/pisellTimeRangeDisplay/PisellTimeRangeDisplay.js

@@ -54,7 +54,7 @@ const PisellTimeRangeDisplay = (props) => {
 		"duration"
 	] } = fields || {};
 	const showSeconds = (_durationFormat$showS = durationFormat === null || durationFormat === void 0 ? void 0 : durationFormat.showSeconds) !== null && _durationFormat$showS !== void 0 ? _durationFormat$showS : false;
-	const effectiveDateFormat = useMemo(() => _objectSpread2({ showRelativeDay: true }, dateFormat), [dateFormat]);
+	const effectiveDateFormat = useMemo(() => _objectSpread2({ showRelativeDay: false }, dateFormat), [dateFormat]);
 	const referenceDate = dayjs();
 	const relativeDay = (effectiveDateFormat === null || effectiveDateFormat === void 0 ? void 0 : effectiveDateFormat.showRelativeDay) ? getRelativeDay(start, referenceDate) : null;
 	const hideWeekdayWhenDateRelative = showDate && relativeDay !== null;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react10 from "react";
+import * as react17 from "react";
 
 //#region src/components/radio/index.d.ts
-declare const Radio: (props: any) => react10.JSX.Element;
+declare const Radio: (props: any) => react17.JSX.Element;
 //#endregion
 export { Radio };

package/es/components/section-footers/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import * as react12 from "react";
+import * as react18 from "react";
 
 //#region src/components/section-footers/index.d.ts
 interface SectionFooterProps {
@@ -8,6 +8,6 @@ interface SectionFooterProps {
   right?: React.ReactNode;
   className?: string;
 }
-declare const SectionFooters: (props: SectionFooterProps) => react12.JSX.Element;
+declare const SectionFooters: (props: SectionFooterProps) => react18.JSX.Element;
 //#endregion
 export { SectionFooters };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react34 from "react";
+import * as react19 from "react";
 
 //#region src/components/skeleton/index.d.ts
-declare const Skeleton: (props: any) => react34.JSX.Element;
+declare const Skeleton: (props: any) => react19.JSX.Element;
 //#endregion
 export { Skeleton };

package/es/components/time-picker/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react7 from "react";
+import * as react20 from "react";
 
 //#region src/components/time-picker/index.d.ts
-declare const TimePicker: (props: any) => react7.JSX.Element;
+declare const TimePicker: (props: any) => react20.JSX.Element;
 //#endregion
 export { TimePicker };

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

@@ -1,6 +1,6 @@
-import * as antd14 from "antd";
+import * as antd16 from "antd";
 
 //#region src/components/typography/index.d.ts
-declare const Typography$1: antd14.TypographyProps;
+declare const Typography$1: antd16.TypographyProps;
 //#endregion
 export { Typography$1 as Typography };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react8 from "react";
+import * as react21 from "react";
 
 //#region src/components/upload/index.d.ts
-declare const Upload: (props: any) => react8.JSX.Element;
+declare const Upload: (props: any) => react21.JSX.Element;
 //#endregion
 export { Upload };

package/es/locales/zh-CN.js

@@ -55,7 +55,7 @@ var zh_CN_default = {
 	"pisell-lookup-placeholder": "请输入搜索内容",
 	"pisell-lookup-button-text": "搜索",
 	"pisell-lookup-confirm-button-text": "Lookup",
-	"pisell-lookup-clear": "Clear",
+	"pisell-lookup-clear": "清空",
 	"pisell-lookup-close": "Close",
 	"pisell-lookup-search-history": "搜索历史",
 	"pisell-lookup-clear-history": "清空",
@@ -63,7 +63,7 @@ var zh_CN_default = {
 	"pisell-lookup-popular-search": "Popular Search",
 	"pisell-lookup-loading": "加载中...",
 	"pisell-lookup-no-data": "暂无数据",
-	"pisell-find-button-text": "Find",
+	"pisell-find-button-text": "搜索",
 	"pisell-find-placeholder": "请输入搜索内容",
 	"pisell-export-button-text": "导出",
 	"batch-editor-actions": "操作",

package/es/locales/zh-TW.js

@@ -55,7 +55,7 @@ var zh_TW_default = {
 	"pisell-lookup-placeholder": "請輸入搜索內容",
 	"pisell-lookup-button-text": "搜索",
 	"pisell-lookup-confirm-button-text": "Lookup",
-	"pisell-lookup-clear": "Clear",
+	"pisell-lookup-clear": "清空",
 	"pisell-lookup-close": "Close",
 	"pisell-lookup-search-history": "搜索歷史",
 	"pisell-lookup-clear-history": "清空",
@@ -63,7 +63,7 @@ var zh_TW_default = {
 	"pisell-lookup-popular-search": "Popular Search",
 	"pisell-lookup-loading": "加載中...",
 	"pisell-lookup-no-data": "暫無數據",
-	"pisell-find-button-text": "Find",
+	"pisell-find-button-text": "搜尋",
 	"pisell-find-placeholder": "請輸入搜索內容",
 	"pisell-export-button-text": "導出",
 	"batch-editor-actions": "操作",

package/lib/components/Pagination/index.js

@@ -8,6 +8,7 @@ let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let _pisell_utils = require("@pisell/utils");
 let _pisell_icon_es_ArrowRight = require("@pisell/icon/es/ArrowRight");
 _pisell_icon_es_ArrowRight = require_rolldown_runtime.__toESM(_pisell_icon_es_ArrowRight);
 let _pisell_icon_es_ArrowLeft = require("@pisell/icon/es/ArrowLeft");
@@ -21,43 +22,53 @@ const _excluded = [
 	"page",
 	"pageSize"
 ];
-/**
-* @title: 自定义渲染
-* @description:
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2023-07-20 17:01
-*/
-const itemRender = (_, type, originalElement) => {
-	if (type === "prev") return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ react.default.createElement("span", { className: "paginator-page-btn-text" }, require_index.getText("table-pagination-previous")));
-	if (type === "next") return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ react.default.createElement("span", { className: "paginator-page-btn-text" }, require_index.getText("table-pagination-next")), /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
-	return originalElement;
-};
-const paginationConfig = {
-	className: "materials-grid-paginator",
-	defaultCurrent: 1,
-	showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
-	itemRender,
-	responsive: true,
-	size: "small"
-};
+/** 优先 @pisell/utils locales（pisell2.salesManagement.pagination.*），无则回退 materials getText */
+function getPaginationText(key) {
+	var _utilsLocales$getText;
+	return (_utilsLocales$getText = _pisell_utils.locales.getText(`pisell2.salesManagement.pagination.${key}`)) !== null && _utilsLocales$getText !== void 0 ? _utilsLocales$getText : require_index.getText(`table-pagination-${key}`);
+}
 const Pagination = (props) => {
 	const show = (0, react.useMemo)(() => {
 		return Object.keys(props).length;
 	}, [props]);
 	const isMiniPagination = require_useIsMobileTable.default();
+	const effectiveConfig = (0, react.useMemo)(() => {
+		const prevText = getPaginationText("previous");
+		const nextText = getPaginationText("next");
+		const showTotalFn = getPaginationText("showTotal");
+		const itemRenderFn = (_, type, originalElement) => {
+			if (type === "prev") return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ react.default.createElement("span", { className: "paginator-page-btn-text" }, prevText));
+			if (type === "next") return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ react.default.createElement("span", { className: "paginator-page-btn-text" }, nextText), /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
+			return originalElement;
+		};
+		return {
+			className: "materials-grid-paginator",
+			defaultCurrent: 1,
+			showTotal: typeof showTotalFn === "function" ? (total, range) => showTotalFn(range[0], range[1]) : (total, range) => `Page ${range[0]} of ${range[1]}`,
+			itemRender: itemRenderFn,
+			responsive: true,
+			size: "small"
+		};
+	}, []);
 	return (0, react.useMemo)(() => {
 		if (!show) return null;
 		let Com = antd.Pagination;
 		if (isMiniPagination) Com = MiniPagination;
-		return /* @__PURE__ */ react.default.createElement(Com, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, paginationConfig), props));
+		return /* @__PURE__ */ react.default.createElement(Com, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, effectiveConfig), props));
 	}, [
 		show,
-		paginationConfig,
+		effectiveConfig,
 		props,
 		isMiniPagination
 	]);
 };
+const paginationConfig = {
+	className: "materials-grid-paginator",
+	defaultCurrent: 1,
+	showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
+	responsive: true,
+	size: "small"
+};
 var Pagination_default = Pagination;
 const MiniPagination = (props) => {
 	const { current = 1, pageSize = 10, total = 0 } = props;
@@ -87,7 +98,10 @@ const MiniPagination = (props) => {
 			if (current <= MIN) return;
 			onChange("prev");
 		}
-	}, /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }))), /* @__PURE__ */ react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, require_index.getText("table-pagination-total")(current, MAX))), /* @__PURE__ */ react.default.createElement("div", {
+	}, /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }))), /* @__PURE__ */ react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, (() => {
+		const totalFn = getPaginationText("total");
+		return typeof totalFn === "function" ? totalFn(current, MAX) : `${current} / ${MAX}`;
+	})())), /* @__PURE__ */ react.default.createElement("div", {
 		className: "pisell-lowcode-pagination-next",
 		onClick: () => {
 			if (current >= MAX) return;

package/lib/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import * as react1 from "react";
+import * as react2 from "react";
 
 //#region src/components/dataSourceComponents/dataSourceShow/dataSourceQRCode/index.d.ts
-declare const DataSourceQRCode: (props: any) => react1.JSX.Element;
+declare const DataSourceQRCode: (props: any) => react2.JSX.Element;
 //#endregion
 export { DataSourceQRCode };

package/lib/components/dataSourceComponents/fields/Input.Email/index.d.ts

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd22 from "antd";
+import * as antd21 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Email/index.d.ts
-declare const Email: React.FC<antd22.InputProps & {
+declare const Email: React.FC<antd21.InputProps & {
   onChange: (value: string) => void;
 } & WithModeProps & WithFormItemProps>;
 //#endregion