@pisell/materials 1.0.1042 → 1.0.1044

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

@@ -1,9 +1,9 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd19 from "antd";
+import * as antd22 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Subdomain/index.d.ts
-declare const Subdomain: React.FC<antd19.InputProps & {
+declare const Subdomain: React.FC<antd22.InputProps & {
   onChange: (value: string) => void;
   onBlur?: ((e: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
   rootDomain: "custom" | "saas" | "xzero";

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

@@ -1,8 +1,8 @@
 import { WithFormItemProps, WithModeProps } from "../../dataSourceForm/utils.js";
-import * as antd20 from "antd";
+import * as antd19 from "antd";
 import React from "react";
 
 //#region src/components/dataSourceComponents/fields/Input.Url/index.d.ts
-declare const Url: React.FC<antd20.InputProps & React.RefAttributes<antd20.InputRef> & WithModeProps & WithFormItemProps>;
+declare const Url: React.FC<antd19.InputProps & React.RefAttributes<antd19.InputRef> & WithModeProps & WithFormItemProps>;
 //#endregion
 export { Url };

package/lib/components/date-picker/index.d.ts

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

package/lib/components/filter/components/FilterButton/index.js

@@ -6,11 +6,17 @@ const require_platform = require('../../../../utils/platform.js');
 let antd = require("antd");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let _pisell_utils = require("@pisell/utils");
 let _pisell_icon_es_FilterLines = require("@pisell/icon/es/FilterLines");
 _pisell_icon_es_FilterLines = require_rolldown_runtime.__toESM(_pisell_icon_es_FilterLines);
 
 //#region src/components/filter/components/FilterButton/index.tsx
-const Filter = ({ value, hiddenQuickFilter, hiddenOtherFilter, onChange, quickFilterMaxLength, formFiltersPrefix, renderItem, placement, size = "large", buttonClassName }) => {
+/** 与 Quick Filter 同源：优先 @pisell/utils locales，无 key 时回退 materials getText */
+function getFilterButtonLabel(buttonText) {
+	if (buttonText != null && buttonText !== "") return buttonText;
+	return _pisell_utils.locales.getText("pisell2.recordBoard.toolbar.filter") || require_index.getText("table-action-filter-button");
+}
+const Filter = ({ value, hiddenQuickFilter, hiddenOtherFilter, onChange, quickFilterMaxLength, formFiltersPrefix, renderItem, placement, size = "large", buttonClassName, buttonText }) => {
 	const ref = (0, react.useRef)(null);
 	const [open, setOpen] = (0, react.useState)(false);
 	const [dateRangeOpen, setDateRangeOpen] = (0, react.useState)(false);
@@ -61,7 +67,7 @@ const Filter = ({ value, hiddenQuickFilter, hiddenOtherFilter, onChange, quickFi
 		className: buttonClassName,
 		icon: /* @__PURE__ */ react.default.createElement(_pisell_icon_es_FilterLines.default, null),
 		size
-	}, isMobileBool ? null : require_index.getText("table-action-filter-button"))));
+	}, isMobileBool ? null : getFilterButtonLabel(buttonText))));
 };
 var FilterButton_default = Filter;
 

package/lib/components/filter/components/FilterButton/types.d.ts

@@ -17,7 +17,8 @@ type FilterListProps = {
   renderItem?: (item: any, otherProps?: any) => React.ReactNode;
   placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom'; /** 筛选按钮尺寸，与 antd Button size 一致 */
   size?: 'small' | 'middle' | 'large'; /** 筛选触发按钮的 className，用于定制样式（如与设计系统对齐） */
-  buttonClassName?: string;
+  buttonClassName?: string; /** 筛选按钮文案，不传则使用 materials 内置多语言 */
+  buttonText?: string;
 };
 //#endregion
 export { FilterListProps };

package/lib/components/pisellBatchActionBar/PisellBatchActionBar.js

@@ -8,9 +8,15 @@ 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");
 require("./PisellBatchActionBar.less");
 
 //#region src/components/pisellBatchActionBar/PisellBatchActionBar.tsx
+/** 优先 @pisell/utils locales（pisell2.salesManagement.batchActionBar.*），无则回退 materials getText */
+function getBatchBarText(key) {
+	var _utilsLocales$getText;
+	return (_utilsLocales$getText = _pisell_utils.locales.getText(`pisell2.salesManagement.batchActionBar.${key}`)) !== null && _utilsLocales$getText !== void 0 ? _utilsLocales$getText : require_index.getText(`batch-action-bar-${key}`);
+}
 /**
 * PisellBatchActionBar 批量操作栏组件
 *
@@ -38,7 +44,7 @@ require("./PisellBatchActionBar.less");
 * ```
 */
 const PisellBatchActionBar = (props) => {
-	const { className, style, selectedKeys, selectedRows, total, currentPageTotal, currentPageKeys, position = "float", offset = 0, showSelectedCount = true, selectedCountText, defaultActions, actions = [], actionOrder, enableOverflow = true, overflowThreshold = 5, moreText = require_index.getText("batch-action-bar-more"), onSelectAll, onClear, onInvert, onDelete, deleteConfirmConfig, onActionClick } = props;
+	const { className, style, selectedKeys, selectedRows, total, currentPageTotal, currentPageKeys, position = "float", offset = 0, showSelectedCount = true, selectedCountText, defaultActions, actions = [], actionOrder, enableOverflow = true, overflowThreshold = 5, moreText = getBatchBarText("more"), onSelectAll, onClear, onInvert, onDelete, deleteConfirmConfig, onActionClick } = props;
 	/**
 	* 用于防止删除按钮重复点击的标记
 	*/
@@ -113,7 +119,7 @@ const PisellBatchActionBar = (props) => {
 		const count = selectionState.selectedCount;
 		if (typeof selectedCountText === "function") return selectedCountText(count);
 		if (selectedCountText) return selectedCountText.replace("{count}", String(count));
-		const i18nText = require_index.getText("batch-action-bar-selected-count");
+		const i18nText = getBatchBarText("selectedCount");
 		if (typeof i18nText === "function") return i18nText(count);
 		return i18nText || `已选择 ${count} 项`;
 	}, [
@@ -130,7 +136,7 @@ const PisellBatchActionBar = (props) => {
 		const defaultActionNodes = [];
 		if ((defaultActions === null || defaultActions === void 0 ? void 0 : defaultActions.showSelectAll) !== false) defaultActionNodes.push(/* @__PURE__ */ react.default.createElement(require_GraphicTextCard.default, {
 			key: "select-all",
-			text: require_index.getText("batch-action-bar-select-all"),
+			text: getBatchBarText("selectAll"),
 			icon: "pisell2-check-square",
 			variant: "horizontal",
 			size: "small",
@@ -161,7 +167,7 @@ const PisellBatchActionBar = (props) => {
 		}));
 		if ((defaultActions === null || defaultActions === void 0 ? void 0 : defaultActions.showInvert) !== false) defaultActionNodes.push(/* @__PURE__ */ react.default.createElement(require_GraphicTextCard.default, {
 			key: "invert",
-			text: require_index.getText("batch-action-bar-invert"),
+			text: getBatchBarText("invert"),
 			icon: "pisell2-check-done-01",
 			variant: "horizontal",
 			size: "small",
@@ -192,7 +198,7 @@ const PisellBatchActionBar = (props) => {
 		}));
 		if ((defaultActions === null || defaultActions === void 0 ? void 0 : defaultActions.showClear) !== false) defaultActionNodes.push(/* @__PURE__ */ react.default.createElement(require_GraphicTextCard.default, {
 			key: "clear",
-			text: require_index.getText("batch-action-bar-clear"),
+			text: getBatchBarText("clear"),
 			icon: "pisell2-square",
 			variant: "horizontal",
 			size: "small",
@@ -223,7 +229,7 @@ const PisellBatchActionBar = (props) => {
 		}));
 		if ((defaultActions === null || defaultActions === void 0 ? void 0 : defaultActions.showDelete) !== false) defaultActionNodes.push(/* @__PURE__ */ react.default.createElement(require_GraphicTextCard.default, {
 			key: "delete",
-			text: require_index.getText("batch-action-bar-delete"),
+			text: getBatchBarText("delete"),
 			icon: "pisell2-delete_wght300_24px",
 			variant: "horizontal",
 			size: "small",
@@ -249,18 +255,16 @@ const PisellBatchActionBar = (props) => {
 				height: "48px"
 			},
 			onClick: () => {
+				var _deleteConfirmConfig$, _deleteConfirmConfig$2, _deleteConfirmConfig$3, _deleteConfirmConfig$4;
 				if (isDeleteModalOpenRef.current) return;
 				isDeleteModalOpenRef.current = true;
-				const deleteContent = (() => {
-					const i18nContent = require_index.getText("batch-action-bar-delete-confirm-content");
-					if (typeof i18nContent === "function") return i18nContent(selectionState.selectedCount);
-					return i18nContent || `确定要删除选中的 ${selectionState.selectedCount} 项吗？`;
-				})();
+				const i18nContent = getBatchBarText("deleteConfirmContent");
+				const deleteContent = typeof i18nContent === "function" ? i18nContent(selectionState.selectedCount) : i18nContent || `确定要删除选中的 ${selectionState.selectedCount} 项吗？`;
 				antd.Modal.confirm({
-					title: (deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.title) || require_index.getText("batch-action-bar-delete-confirm-title"),
-					content: (deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.description) || deleteContent,
-					okText: (deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.okText) || require_index.getText("batch-action-bar-delete-confirm-ok"),
-					cancelText: (deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.cancelText) || require_index.getText("batch-action-bar-delete-confirm-cancel"),
+					title: (_deleteConfirmConfig$ = deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.title) !== null && _deleteConfirmConfig$ !== void 0 ? _deleteConfirmConfig$ : getBatchBarText("deleteConfirmTitle"),
+					content: (_deleteConfirmConfig$2 = deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.description) !== null && _deleteConfirmConfig$2 !== void 0 ? _deleteConfirmConfig$2 : deleteContent,
+					okText: (_deleteConfirmConfig$3 = deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.okText) !== null && _deleteConfirmConfig$3 !== void 0 ? _deleteConfirmConfig$3 : getBatchBarText("deleteConfirmOk"),
+					cancelText: (_deleteConfirmConfig$4 = deleteConfirmConfig === null || deleteConfirmConfig === void 0 ? void 0 : deleteConfirmConfig.cancelText) !== null && _deleteConfirmConfig$4 !== void 0 ? _deleteConfirmConfig$4 : getBatchBarText("deleteConfirmCancel"),
 					okButtonProps: { danger: true },
 					onOk: () => {
 						onDelete === null || onDelete === void 0 || onDelete(selectedKeys, selectedRows);
@@ -345,17 +349,16 @@ const PisellBatchActionBar = (props) => {
 					minWidth: "120px",
 					height: "48px"
 				}, action.style),
-				className: action.className,
 				onClick: () => handleActionClick(action)
 			});
 			if (action.confirm) {
 				const confirmConfig = typeof action.confirm === "object" ? action.confirm : {};
 				return /* @__PURE__ */ react.default.createElement(antd.Popconfirm, {
 					key: action.key,
-					title: confirmConfig.title || require_index.getText("batch-action-bar-confirm-title"),
+					title: confirmConfig.title || getBatchBarText("confirmTitle"),
 					description: confirmConfig.description,
-					okText: confirmConfig.okText || require_index.getText("batch-action-bar-delete-confirm-ok"),
-					cancelText: confirmConfig.cancelText || require_index.getText("batch-action-bar-delete-confirm-cancel"),
+					okText: confirmConfig.okText || getBatchBarText("deleteConfirmOk"),
+					cancelText: confirmConfig.cancelText || getBatchBarText("deleteConfirmCancel"),
 					onConfirm: () => handleActionClick(action)
 				}, card);
 			}
@@ -402,8 +405,10 @@ const PisellBatchActionBar = (props) => {
 		if (!hasOverflow || overflowActions.length === 0) return null;
 		const modifiedOverflowActions = overflowActions.map((action) => {
 			if (react.default.isValidElement(action)) {
-				var _action$props;
-				return react.default.cloneElement(action, { style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, ((_action$props = action.props) === null || _action$props === void 0 ? void 0 : _action$props.style) || {}), {}, {
+				var _el$props;
+				const el = action;
+				const prevStyle = (_el$props = el.props) === null || _el$props === void 0 ? void 0 : _el$props.style;
+				return react.default.cloneElement(el, { style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prevStyle || {}), {}, {
 					minWidth: "160px",
 					width: "160px"
 				}) });

package/lib/components/pisellDateTimeDisplay/PisellDateTimeDisplay.less

@@ -64,9 +64,10 @@
     line-height: 1.2;
   }
 
-  // 分隔符
+  // 分隔符：保留空格占位，避免纯空格时被折叠不显示
   &-separator {
     display: inline-block;
+    white-space: pre;
   }
 
   // 自定义格式化

package/lib/components/pisellDateTimeDisplay/formats/dateTimeDisplayFormats.js

@@ -2,8 +2,8 @@
 //#region src/components/pisellDateTimeDisplay/formats/dateTimeDisplayFormats.ts
 /**
 * PisellDateTimeDisplay 按语言预设的格式
-* - zh-cn：完整日期 - 时间 星期（如 2025-12-31 - 2:00 周四）、相对日今天/昨天/明天
-* - en：时间 星期, 日期（如 2:00 Sat, 21 Mar, 2026）、相对日 Today/Yesterday/Tomorrow
+* - zh-cn：完整日期 - 时间 星期（如 2025-12-31 - 2:00 周四）；默认不展示相对日，可传 dateFormat.showRelativeDay: true 开启
+* - en：时间 星期, 日期（如 2:00 Sat, 21 Mar, 2026）；默认不展示相对日，可传 dateFormat.showRelativeDay: true 开启
 */
 const DATETIME_DISPLAY_FORMATS = {
 	"zh-cn": {
@@ -12,7 +12,7 @@ const DATETIME_DISPLAY_FORMATS = {
 			showYear: true,
 			separator: "-",
 			showChineseUnit: false,
-			showRelativeDay: true
+			showRelativeDay: false
 		},
 		timeFormat: {
 			use12Hour: false,
@@ -40,7 +40,7 @@ const DATETIME_DISPLAY_FORMATS = {
 			showYear: true,
 			separator: "-",
 			showChineseUnit: false,
-			showRelativeDay: true
+			showRelativeDay: false
 		},
 		timeFormat: {
 			use12Hour: false,
@@ -67,7 +67,7 @@ const DATETIME_DISPLAY_FORMATS = {
 			order: "DMY",
 			shortMonth: true,
 			showYear: true,
-			showRelativeDay: true,
+			showRelativeDay: false,
 			useCommaBeforeYear: true
 		},
 		timeFormat: {

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

@@ -1,4 +1,6 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
 const require_locale = require('../../../utils/locale.js');
+let _pisell_utils = require("@pisell/utils");
 
 //#region src/components/pisellDateTimeDisplay/utils/localeUtils.ts
 /**
@@ -21,13 +23,16 @@ function isChinese(locale) {
 }
 /**
 * 获取 dayjs 兼容的 locale 代码
-* 未传 locale 时使用 i18n 当前语言（全局配置 / umi_locale），不再使用浏览器语言
+* 未传 locale 时与 locale.getText 同源：优先 @pisell/utils 当前语言（getLocale），无则 materials 全局配置 / umi_locale
 * @param locale 原始 locale 代码（可选）
 * @returns dayjs 兼容的 locale 代码
 * @example 'zh-CN' -> 'zh-cn', 'en-US' -> 'en'
 */
 function getDayjsLocale(locale) {
-	if (!locale) return normalizeLocale(require_locale.getCurrentLocale());
+	if (!locale) {
+		const fromUtils = typeof _pisell_utils.locales.getLocale === "function" ? _pisell_utils.locales.getLocale() : void 0;
+		return normalizeLocale(typeof fromUtils === "string" && fromUtils ? fromUtils : require_locale.getCurrentLocale());
+	}
 	return normalizeLocale(locale);
 }
 

package/lib/components/pisellFind/index.js

@@ -5,6 +5,7 @@ const require_index = require('../../locales/index.js');
 const require_PisellLookup = require('../pisellLookup/PisellLookup.js');
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
+let _pisell_utils = require("@pisell/utils");
 
 //#region src/components/pisellFind/index.tsx
 const _excluded = [
@@ -43,7 +44,7 @@ const _excluded = [
 * ```
 */
 const PisellFind = (0, react.forwardRef)((props, ref) => {
-	const { triggerType = "button", buttonText = require_index.getText("pisell-find-button-text"), placeholder = require_index.getText("pisell-find-placeholder"), showConfirmButton = false, showHistory = true, historyKey = "pisell_find_history" } = props, restProps = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
+	const { triggerType = "button", buttonText = _pisell_utils.locales.getText("pisell2.recordBoard.toolbar.find") || require_index.getText("pisell-find-button-text"), placeholder = _pisell_utils.locales.getText("pisell2.recordBoard.toolbar.findPlaceholder") || require_index.getText("pisell-find-placeholder"), showConfirmButton = false, showHistory = true, historyKey = "pisell_find_history" } = props, restProps = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	return /* @__PURE__ */ react.default.createElement(require_PisellLookup.PisellLookup, require_objectSpread2._objectSpread2({
 		ref,
 		triggerType,

package/lib/components/pisellGridPro/ToolBar/index.less

@@ -14,6 +14,7 @@
   /**
    * 工具栏行通用样式
    */
+
   &-row {
     display: flex;
     flex-direction: row;
@@ -21,8 +22,10 @@
     gap: 12px;
     align-self: stretch;
   }
+
   .toolbar-row {
     justify-content: space-between;
+
     &-left {
       display: flex;
       flex-direction: row;
@@ -40,3 +43,23 @@
     }
   }
 }
+
+/**
+ * 手机版宽度：左侧区域与右侧区域换行，避免挤在一行
+ */
+@media (max-width: 768px) {
+  .pisell-grid-pro-toolbar .toolbar-row {
+    flex-wrap: wrap;
+  }
+
+  .pisell-grid-pro-toolbar .toolbar-row-left {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+
+  .pisell-grid-pro-toolbar .toolbar-row-right {
+    flex: 1 1 100%;
+    min-width: 0;
+    justify-content: flex-start;
+  }
+}

package/lib/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/lib/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/lib/components/pisellRecordBoard/layouts/GridLayout/Grid.js

@@ -50,7 +50,7 @@ const CONTEXT_ONLY_KEYS = [
 	"setScrollAreaHeight"
 ];
 const RecordBoardGridView = (props) => {
-	var _ref2, _ctx$data;
+	var _ref2, _ctx$data, _ctx$data2;
 	const ctx = require_useRecordBoardContext.useRecordBoardContext({ displayName: "grid" });
 	const { render, columns: columnsProp, rowKey: rowKeyProp, rowSelection: rowSelectionProp } = props, rest = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const rawColumns = (_ref2 = columnsProp !== null && columnsProp !== void 0 ? columnsProp : ctx.columns) !== null && _ref2 !== void 0 ? _ref2 : [];
@@ -64,9 +64,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 = (0, react.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 require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, base), {}, {
 			selectedRowKeys: ctx.selectedKeys,
 			onChange: (selectedRowKeys, selectedRows) => {
@@ -78,7 +79,7 @@ const RecordBoardGridView = (props) => {
 	}, [
 		ctx.selectedKeys,
 		ctx.onSelectionChange,
-		rowSelectionProp
+		rowSelectionConfig
 	]);
 	const gridTableProps = (0, react.useMemo)(() => {
 		const picked = {};
@@ -89,25 +90,34 @@ const RecordBoardGridView = (props) => {
 		return picked;
 	}, [ctx]);
 	if (typeof render === "function") return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, render(require_objectSpread2._objectSpread2(require_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 = (0, react.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 = (0, react.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 = require_objectWithoutProperties._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 require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, resolved), {}, { x: (_ref5 = scrollX !== null && scrollX !== void 0 ? scrollX : resolved.x) !== null && _ref5 !== void 0 ? _ref5 : sumColumnWidths });
+			}
+			return resolved;
 		}
 		return scroll;
 	}, [
@@ -115,7 +125,9 @@ const RecordBoardGridView = (props) => {
 		ctx.scroll,
 		ctx.scrollAreaHeight,
 		ctx.pagination,
-		columns
+		columns,
+		sumColumnWidths,
+		isEmpty
 	]);
 	return /* @__PURE__ */ react.default.createElement("div", {
 		"data-layout-slot": "grid",
@@ -123,7 +135,7 @@ const RecordBoardGridView = (props) => {
 	}, /* @__PURE__ */ react.default.createElement(antd.Table, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_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/lib/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/lib/components/pisellRecordBoard/shellFrame/Pagination/index.js

@@ -38,6 +38,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.default.createElement(react.default.Fragment, null, render(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, ctx), rest)));
+	if (ctx.total === 0) return null;
 	return /* @__PURE__ */ react.default.createElement("div", {
 		"data-layout-slot": "pagination",
 		className: "record-board-shell-frame-pagination",

package/lib/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/lib/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)