@pisell/materials 1.0.1039 → 1.0.1041

package/lib/components/pisellRecordBoard/shellFrame/index.js

@@ -1,4 +1,6 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+const require_objectSpread2 = require('../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js');
+const require_useRecordBoardContext = require('../hooks/useRecordBoardContext.js');
 const require_PisellShellFrame = require('../../pisellShellFrame/PisellShellFrame.js');
 const require_index = require('./ToolBarReset/index.js');
 const require_index$1 = require('./ToolBarQuickFilter/index.js');
@@ -10,9 +12,45 @@ let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/components/pisellRecordBoard/shellFrame/index.tsx
+/** fillHeight 时内容区可滚动、分页器贴底；默认表头 sticky；grid.scroll.autoCalc 时需测量高度供 scroll.y */
+const FILL_HEIGHT_SCROLL_STYLE = {
+	flex: 1,
+	minHeight: 0,
+	overflow: "auto"
+};
+/** 测量滚动区高度并写入 context，供 Grid 在 scroll.autoCalc 时计算 scroll.y（对齐 table useGenScroll）。autoCalc 时 overflow 为 hidden，仅 Table 内部滚动。 */
+function ScrollAreaMeasurer({ children, onHeight, autoCalc }) {
+	const ref = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const el = ref.current;
+		if (!el) return;
+		const ro = new ResizeObserver((entries) => {
+			const entry = entries[0];
+			if (entry) onHeight(entry.contentRect.height);
+		});
+		ro.observe(el);
+		onHeight(el.getBoundingClientRect().height);
+		return () => {
+			ro.disconnect();
+			onHeight(null);
+		};
+	}, [onHeight]);
+	return /* @__PURE__ */ react.default.createElement("div", {
+		ref,
+		className: "pisell-record-board-scroll-body",
+		style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, FILL_HEIGHT_SCROLL_STYLE), {}, { overflow: autoCalc ? "hidden" : "auto" })
+	}, children);
+}
+const FILL_HEIGHT_WRAPPER_STYLE = {
+	flex: 1,
+	minHeight: 0,
+	display: "flex",
+	flexDirection: "column"
+};
 /**
 * Shell Frame：基于 PisellShellFrame 的 RecordBoard 壳层。
 * 提供工具栏、多选操作条、分页；与 Layout 同级，包裹在 Layout 外层。
+* 默认占满父容器高度，内容区可滚动，分页器固定在底部。
 *
 * 使用方式：
 * <PisellRecordBoard>
@@ -22,16 +60,26 @@ react = require_rolldown_runtime.__toESM(react);
 * </PisellRecordBoard>
 */
 const RecordBoardShellFrame = ({ children, className, style }) => {
-	return /* @__PURE__ */ react.default.createElement(require_PisellShellFrame.PisellShellFrame, {
+	var _ctx$setScrollAreaHei, _ctx$grid;
+	const ctx = require_useRecordBoardContext.useRecordBoardContext({ displayName: "RecordBoard.ShellFrame" });
+	const fillHeight = (ctx === null || ctx === void 0 ? void 0 : ctx.fillHeight) === true;
+	const bodyContent = fillHeight ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(ScrollAreaMeasurer, {
+		onHeight: (_ctx$setScrollAreaHei = ctx === null || ctx === void 0 ? void 0 : ctx.setScrollAreaHeight) !== null && _ctx$setScrollAreaHei !== void 0 ? _ctx$setScrollAreaHei : (() => {}),
+		autoCalc: ctx === null || ctx === void 0 || (_ctx$grid = ctx.grid) === null || _ctx$grid === void 0 || (_ctx$grid = _ctx$grid.scroll) === null || _ctx$grid === void 0 ? void 0 : _ctx$grid.autoCalc
+	}, children), /* @__PURE__ */ react.default.createElement(require_index$4.default, null)) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, children, /* @__PURE__ */ react.default.createElement(require_index$4.default, null));
+	const shellStyle = fillHeight && style ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), FILL_HEIGHT_WRAPPER_STYLE) : fillHeight ? FILL_HEIGHT_WRAPPER_STYLE : style;
+	const wrapper = /* @__PURE__ */ react.default.createElement(require_PisellShellFrame.PisellShellFrame, {
 		className,
-		style,
+		style: shellStyle,
 		config: {
 			showToolbar: true,
 			showBatchActionBar: true
 		},
 		toolbar: /* @__PURE__ */ react.default.createElement(require_index$2.default, null),
 		batchActionBar: /* @__PURE__ */ react.default.createElement(require_index$3.default, null)
-	}, children, /* @__PURE__ */ react.default.createElement(require_index$4.default, null));
+	}, bodyContent);
+	if (fillHeight) return /* @__PURE__ */ react.default.createElement("div", { style: FILL_HEIGHT_WRAPPER_STYLE }, wrapper);
+	return wrapper;
 };
 RecordBoardShellFrame.displayName = "RecordBoard.ShellFrame";
 var shellFrame_default = RecordBoardShellFrame;

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

@@ -29,7 +29,7 @@ type RecordBoardOptionItem = {
 type RecordBoardGetOptions = (() => RecordBoardOptionItem[]) | (() => Promise<RecordBoardOptionItem[]>);
 /** 列筛选配置：不传列 type 时使用。可配置 type + options/props，或传入 component（接收 value/onChange）。 */
 interface RecordBoardColumnFilterConfig {
-  type?: 'single' | 'input' | 'datePicker' | 'rangePicker' | 'search';
+  type?: 'single' | 'input' | 'datePicker' | 'rangePicker' | 'rangePickerNew' | 'search';
   label?: string;
   options?: RecordBoardOptionItem[];
   /** 同步或异步获取选项，与 options 二选一；支持 singleSelect/multipleSelect 及无 type 时 type:'single' */
@@ -142,6 +142,12 @@ interface RecordBoardContextValue {
   onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
   /** 各子组件透传 props，由 Provider 注入 */
   childComponentProps?: RecordBoardChildComponentProps;
+  /** 是否占满父容器高度，供 ShellFrame 做弹性布局（内容区纯 CSS 滚动 + 表头 sticky；scroll.autoCalc 时用测量高度） */
+  fillHeight?: boolean;
+  /** 内容区滚动容器高度（fillHeight 且 grid.scroll.autoCalc 时由 ShellFrame 测量），供 Grid 计算 scroll.y */
+  scrollAreaHeight?: number | null;
+  /** 设置内容区滚动容器高度（由 ShellFrame 测量组件调用） */
+  setScrollAreaHeight?: (height: number | null) => void;
 }
 /**
  * 各 layout 下子组件的可选透传配置（类似 ChildComponentProps）
@@ -191,10 +197,18 @@ type RecordBoardSearchProps = Record<string, any>;
  */
 type RecordBoardGridProps = {
   /** 列配置；ToolBar 据此派生筛选与排序，ColumnSetting 据此做列显示隐藏 */columns?: RecordBoardColumnType[]; /** 默认隐藏的列 key 列表（对应 columns 的 key 或 dataIndex），用于初始化列显隐状态 */
-  defaultHiddenColumnKeys?: string[]; /** 表格滚动配置，同 antd Table scroll */
+  defaultHiddenColumnKeys?: string[];
+  /**
+   * 表格滚动配置，对齐 materials Table useGenScroll。
+   * - x / y：同 antd Table scroll。
+   * - autoCalc：为 true 时根据内容区高度自动计算 scroll.y（需 fillHeight），表头固定、表体滚动。
+   * - scrollToFirstRowOnChange：翻页后是否滚动到第一行。
+   */
   scroll?: {
     x?: number | string;
     y?: number | string;
+    autoCalc?: boolean;
+    scrollToFirstRowOnChange?: boolean;
   }; /** 表格尺寸 */
   size?: 'small' | 'middle' | 'default'; /** 当前选中的行 key 列表（多选） */
   selectedKeys?: Key[]; /** 当前选中的行数据（多选） */

package/lib/components/pisellRecordBoard/utils/recordBoardColumns.js

@@ -53,7 +53,7 @@ function getSortOptionForFieldType(fieldType) {
 	const opts = fromComponent !== null && fromComponent !== void 0 ? fromComponent : fallback;
 	return opts ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, fallback), opts) : null;
 }
-/** 列 type 对应到 FilterItem 的 type（用于不传 type 时的手动 filter 或派生筛选项的兼容形态） */
+/** 列 type 对应到 FilterItem 的 type（用于不传 type 时的手动 filter 或派生筛选项的兼容形态）。dateTime 默认用 rangePickerNew（antd）避免使用自研/MUI 的 rangePicker。 */
 const FIELD_TYPE_TO_FILTER_TYPE = {
 	singleLineText: "input",
 	longText: "input",
@@ -66,7 +66,7 @@ const FIELD_TYPE_TO_FILTER_TYPE = {
 	rating: "single",
 	singleSelect: "single",
 	multipleSelect: "single",
-	dateTime: "rangePicker"
+	dateTime: "rangePickerNew"
 };
 function getColumnKey(column) {
 	var _column$key;

package/lib/components/pisellShellFrame/PisellShellFrame.js

@@ -54,7 +54,7 @@ const PisellShellFrame = (props) => {
 	}) : statisticList)), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-shell-frame-body" }, useScroll ? /* @__PURE__ */ react.default.createElement("div", {
 		className: `pisell-shell-frame-scroll ${scrollClassName !== null && scrollClassName !== void 0 ? scrollClassName : ""}`.trim(),
 		style: scrollStyle
-	}, children) : children), /* @__PURE__ */ react.default.createElement("footer", { className: "pisell-shell-frame-footer" }, hasBatchBar && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-shell-frame-batch-bar" }, batchActionBar), hasStatus && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-shell-frame-status" }, statusArea)));
+	}, children) : children), (hasBatchBar || hasStatus) && /* @__PURE__ */ react.default.createElement("footer", { className: "pisell-shell-frame-footer" }, hasBatchBar && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-shell-frame-batch-bar" }, batchActionBar), hasStatus && /* @__PURE__ */ react.default.createElement("div", { className: "pisell-shell-frame-status" }, statusArea)));
 };
 PisellShellFrame.displayName = "PisellShellFrame";
 

package/lib/components/pisellShellFrame/PisellShellFrame.less

@@ -65,6 +65,11 @@
 
   &-batch-bar {
     margin-top: 8px;
+    /* 无内容时不占位，避免多余 margin */
+    &:empty {
+      margin-top: 0;
+      display: none;
+    }
   }
 
   &-status {

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

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

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

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

package/lib/locales/ja.js

@@ -1,6 +1,9 @@
 
 //#region src/locales/ja.ts
 var ja_default = {
+	"pisell-tabbar-expand": "展開",
+	"pisell-tabbar-minimize": "折りたたみ",
+	"pisell-tabbar-all": "全部",
 	"table-filter-search": "検索",
 	"table-filter-clear": "クリア",
 	"table-filter-filter": "フィルター",
@@ -310,7 +313,31 @@ var ja_default = {
 	"pisell-list-scroll-right": "右にスクロール",
 	"pisell-list-pagination-page-of": (current, total) => `${total}ページ中${current}ページ`,
 	"pisell-list-pagination-previous": "前へ",
-	"pisell-list-pagination-next": "次へ"
+	"pisell-list-pagination-next": "次へ",
+	"pisell-lookup-placeholder": "検索内容を入力してください",
+	"pisell-lookup-button-text": "検索",
+	"pisell-lookup-confirm-button-text": "検索",
+	"pisell-lookup-clear": "クリア",
+	"pisell-lookup-close": "閉じる",
+	"pisell-lookup-search-history": "検索履歴",
+	"pisell-lookup-clear-history": "すべてクリア",
+	"pisell-lookup-suggestions": "提案",
+	"pisell-lookup-popular-search": "人気の検索",
+	"pisell-lookup-loading": "読み込み中...",
+	"pisell-lookup-no-data": "データがありません",
+	"pisell-find-button-text": "検索",
+	"pisell-find-placeholder": "検索内容を入力してください",
+	"batch-action-bar-select-all": "全選",
+	"batch-action-bar-invert": "反選",
+	"batch-action-bar-clear": "選択解除",
+	"batch-action-bar-delete": "削除",
+	"batch-action-bar-more": "更多",
+	"batch-action-bar-selected-count": (count) => `${count} ${count > 1 ? "件" : "件"}`,
+	"batch-action-bar-confirm-title": "確認",
+	"batch-action-bar-delete-confirm-title": "削除確認",
+	"batch-action-bar-delete-confirm-content": (count) => `選択した${count}件を削除してもよろしいですか？`,
+	"batch-action-bar-delete-confirm-ok": "はい",
+	"batch-action-bar-delete-confirm-cancel": "いいえ"
 };
 
 //#endregion

package/lib/locales/pt.js

@@ -1,6 +1,9 @@
 
 //#region src/locales/pt.ts
 var pt_default = {
+	"pisell-tabbar-expand": "Expandir",
+	"pisell-tabbar-minimize": "Minimizar",
+	"pisell-tabbar-all": "Todos",
 	"table-filter-search": "Pesquisar",
 	"table-filter-clear": "Limpar",
 	"table-filter-filter": "Filtrar",
@@ -310,7 +313,31 @@ var pt_default = {
 	"pisell-list-scroll-right": "Rolar para Direita",
 	"pisell-list-pagination-page-of": (current, total) => `Página ${current} de ${total}`,
 	"pisell-list-pagination-previous": "Anterior",
-	"pisell-list-pagination-next": "Próximo"
+	"pisell-list-pagination-next": "Próximo",
+	"pisell-lookup-placeholder": "Digite o conteúdo da pesquisa",
+	"pisell-lookup-button-text": "Pesquisar",
+	"pisell-lookup-confirm-button-text": "Pesquisar",
+	"pisell-lookup-clear": "Limpar",
+	"pisell-lookup-close": "Fechar",
+	"pisell-lookup-search-history": "Histórico de pesquisa",
+	"pisell-lookup-clear-history": "Limpar tudo",
+	"pisell-lookup-suggestions": "Sugestões",
+	"pisell-lookup-popular-search": "Pesquisa popular",
+	"pisell-lookup-loading": "Carregando...",
+	"pisell-lookup-no-data": "Nenhum dado disponível",
+	"pisell-find-button-text": "Pesquisar",
+	"pisell-find-placeholder": "Digite o conteúdo da pesquisa",
+	"batch-action-bar-select-all": "Selecionar todos",
+	"batch-action-bar-invert": "Inverter seleção",
+	"batch-action-bar-clear": "Limpar seleção",
+	"batch-action-bar-delete": "Excluir",
+	"batch-action-bar-more": "Mais",
+	"batch-action-bar-selected-count": (count) => `${count} ${count > 1 ? "itens selecionados" : "item selecionado"}`,
+	"batch-action-bar-confirm-title": "Confirmar",
+	"batch-action-bar-delete-confirm-title": "Confirmar exclusão",
+	"batch-action-bar-delete-confirm-content": (count) => `Tem certeza de que deseja excluir ${count} ${count > 1 ? "itens" : "item"} selecionados?`,
+	"batch-action-bar-delete-confirm-ok": "Sim",
+	"batch-action-bar-delete-confirm-cancel": "Não"
 };
 
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.1039",
+  "version": "1.0.1041",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -90,8 +90,8 @@
     "antd-mobile": "^5.38.1",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.133",
-    "@pisell/utils": "1.0.60",
-    "@pisell/icon": "0.0.10"
+    "@pisell/icon": "0.0.10",
+    "@pisell/utils": "1.0.60"
   },
   "peerDependencies": {
     "react": "^18.0.0",