@pisell/materials 1.0.1034 → 1.0.1035

package/es/components/pisellRecordBoard/layouts/CardLayout/CardList.js

@@ -0,0 +1,24 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/layouts/CardLayout/CardList.tsx
+const _excluded = ["render"];
+/**
+* Card 布局下的数据视图：从 context 取 data / loading。
+*/
+const RecordBoardCardList = (props) => {
+	var _ctx$data$length, _ctx$data;
+	const ctx = useRecordBoardContext({ displayName: "cardList" });
+	const { render } = props, rest = _objectWithoutProperties(props, _excluded);
+	if (typeof render === "function") return /* @__PURE__ */ React.createElement(React.Fragment, null, render(_objectSpread2(_objectSpread2({}, ctx), rest)));
+	return /* @__PURE__ */ React.createElement("div", {
+		"data-layout-slot": "cardList",
+		style: { minHeight: 120 }
+	}, /* @__PURE__ */ React.createElement("span", { style: { color: "var(--color-text-tertiary, #999)" } }, "卡片视图（", (_ctx$data$length = (_ctx$data = ctx.data) === null || _ctx$data === void 0 ? void 0 : _ctx$data.length) !== null && _ctx$data$length !== void 0 ? _ctx$data$length : 0, " 条，loading:", " ", String(ctx.loading), "）"));
+};
+var CardList_default = RecordBoardCardList;
+
+//#endregion
+export { CardList_default as default };

package/es/components/pisellRecordBoard/layouts/CardLayout/index.d.ts

@@ -0,0 +1,15 @@
+import { RecordBoardCardList } from "./CardList.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/layouts/CardLayout/index.d.ts
+/**
+ * Card 布局：仅内容区 = 卡片列表（不含分页）。
+ * 工具栏、多选操作栏、分页由 Shell Frame 提供，使用时用 ShellFrame 包裹：
+ * <PisellRecordBoard.ShellFrame><PisellRecordBoard.CardLayout /></PisellRecordBoard.ShellFrame>
+ */
+declare const CardLayout: React.FC<{
+  className?: string;
+  style?: React.CSSProperties;
+}>;
+//#endregion
+export { CardLayout };

package/es/components/pisellRecordBoard/layouts/CardLayout/index.js

@@ -0,0 +1,21 @@
+import CardList_default from "./CardList.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/layouts/CardLayout/index.tsx
+/**
+* Card 布局：仅内容区 = 卡片列表（不含分页）。
+* 工具栏、多选操作栏、分页由 Shell Frame 提供，使用时用 ShellFrame 包裹：
+* <PisellRecordBoard.ShellFrame><PisellRecordBoard.CardLayout /></PisellRecordBoard.ShellFrame>
+*/
+const CardLayout = ({ className, style }) => {
+	return /* @__PURE__ */ React.createElement("div", {
+		className,
+		style,
+		"data-layout": "card"
+	}, /* @__PURE__ */ React.createElement(CardList_default, null));
+};
+CardLayout.displayName = "RecordBoard.CardLayout";
+var CardLayout_default = CardLayout;
+
+//#endregion
+export { CardLayout_default as default };

package/es/components/pisellRecordBoard/layouts/GridLayout/Grid.d.ts

@@ -0,0 +1,17 @@
+import { RecordBoardContextValue } from "../../types.js";
+import { TableProps } from "antd";
+import React from "react";
+import "./Grid.less";
+
+//#region src/components/pisellRecordBoard/layouts/GridLayout/Grid.d.ts
+interface RecordBoardGridViewProps extends Omit<TableProps<any>, 'dataSource' | 'loading' | 'pagination'>, Partial<Pick<RecordBoardContextValue, 'data' | 'loading'>> {
+  /** 列配置，同 antd Table columns */
+  columns?: TableProps<any>['columns'];
+  className?: string;
+  style?: React.CSSProperties;
+  /** 自定义渲染，传入后不再使用内置 Table */
+  render?: (ctx: RecordBoardContextValue) => React.ReactNode;
+}
+declare const RecordBoardGridView: React.FC<RecordBoardGridViewProps>;
+//#endregion
+export { RecordBoardGridView };

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

@@ -0,0 +1,105 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import { getRecordBoardColumnKey, processColumnsForGrid } from "../../utils/recordBoardColumns.js";
+import { Table } from "antd";
+import React, { useMemo } from "react";
+import "./Grid.less";
+
+//#region src/components/pisellRecordBoard/layouts/GridLayout/Grid.tsx
+const _excluded = [
+	"render",
+	"columns",
+	"rowKey",
+	"rowSelection"
+];
+function getRowKey(record, rowKey) {
+	var _ref, _record$id;
+	if (typeof rowKey === "function") return rowKey(record);
+	if (typeof rowKey === "string" && record != null && rowKey in record) return record[rowKey];
+	return (_ref = (_record$id = record === null || record === void 0 ? void 0 : record.id) !== null && _record$id !== void 0 ? _record$id : record === null || record === void 0 ? void 0 : record.key) !== null && _ref !== void 0 ? _ref : record;
+}
+/**
+* Grid 布局下的数据视图：使用 antd Table，从 context 取 data / loading / 多选态。
+*/
+/** Context 中与 Table 无关的 key，透传 Table 时排除，避免覆盖或无效传递 */
+const CONTEXT_ONLY_KEYS = [
+	"data",
+	"loading",
+	"total",
+	"pagination",
+	"onPageChange",
+	"searchParams",
+	"onSearch",
+	"onReset",
+	"layoutType",
+	"selectedKeys",
+	"selectedRows",
+	"onSelectionChange",
+	"rowKey",
+	"childComponentProps",
+	"columnVisibility",
+	"onColumnVisibilityChange",
+	"columns",
+	"scroll",
+	"size",
+	"defaultHiddenColumnKeys"
+];
+const RecordBoardGridView = (props) => {
+	var _ref2, _rest$scroll, _ctx$data;
+	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 : [];
+	const columnVisibility = ctx.columnVisibility;
+	const columns = useMemo(() => {
+		const list = rawColumns;
+		return processColumnsForGrid(columnVisibility == null ? list : list.filter((col) => columnVisibility[getRecordBoardColumnKey(col)] !== false));
+	}, [rawColumns, columnVisibility]);
+	const tableRowKey = useMemo(() => {
+		var _ref3, _ctx$rowKey;
+		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 rowSelection = useMemo(() => {
+		if (rowSelectionProp === false) return void 0;
+		const base = typeof rowSelectionProp === "object" ? rowSelectionProp : {};
+		return _objectSpread2(_objectSpread2({}, base), {}, {
+			selectedRowKeys: ctx.selectedKeys,
+			onChange: (selectedRowKeys, selectedRows) => {
+				var _onChange;
+				ctx.onSelectionChange(selectedRowKeys, selectedRows);
+				(_onChange = base.onChange) === null || _onChange === void 0 || _onChange.call(base, selectedRowKeys, selectedRows);
+			}
+		});
+	}, [
+		ctx.selectedKeys,
+		ctx.onSelectionChange,
+		rowSelectionProp
+	]);
+	const gridTableProps = useMemo(() => {
+		const picked = {};
+		Object.keys(ctx).forEach((k) => {
+			if (CONTEXT_ONLY_KEYS.includes(k)) return;
+			picked[k] = ctx[k];
+		});
+		return picked;
+	}, [ctx]);
+	if (typeof render === "function") return /* @__PURE__ */ React.createElement(React.Fragment, null, render(_objectSpread2(_objectSpread2({}, ctx), rest)));
+	const tableScroll = (_rest$scroll = rest.scroll) !== null && _rest$scroll !== void 0 ? _rest$scroll : ctx.scroll;
+	return /* @__PURE__ */ React.createElement("div", {
+		"data-layout-slot": "grid",
+		className: "pisell-lowcode-record-board-grid"
+	}, /* @__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 : [],
+		loading: ctx.loading,
+		columns,
+		rowSelection,
+		pagination: false
+	})));
+};
+var Grid_default = RecordBoardGridView;
+
+//#endregion
+export { Grid_default as default };

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

@@ -0,0 +1,13 @@
+// RecordBoard Grid 表格样式：默认单元格（表头+表体）padding 8px 16px
+// 项目内 ant 组件 prefixCls 为 pisell-lowcode，故表格类名为 .pisell-lowcode-table-*
+.pisell-lowcode-record-board-grid {
+  .pisell-lowcode-table-thead .pisell-lowcode-table-cell,
+  .pisell-lowcode-table-tbody .pisell-lowcode-table-cell {
+    padding: 8px 16px;
+  }
+}
+
+// 行状态样式示例（如 grid.rowClassName 返回 'pisell-record-board-row-cancelled'）
+.pisell-record-board-row-cancelled {
+  background: #fff1f0;
+}

package/es/components/pisellRecordBoard/layouts/GridLayout/index.d.ts

@@ -0,0 +1,15 @@
+import { RecordBoardGridView } from "./Grid.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/layouts/GridLayout/index.d.ts
+/**
+ * Grid 布局：仅内容区 = 表格（不含分页）。
+ * 工具栏、多选操作栏、分页由 Shell Frame 提供，使用时用 ShellFrame 包裹：
+ * <PisellRecordBoard.ShellFrame><PisellRecordBoard.GridLayout /></PisellRecordBoard.ShellFrame>
+ */
+declare const GridLayout: React.FC<{
+  className?: string;
+  style?: React.CSSProperties;
+}>;
+//#endregion
+export { GridLayout };

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

@@ -0,0 +1,21 @@
+import Grid_default from "./Grid.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/layouts/GridLayout/index.tsx
+/**
+* Grid 布局：仅内容区 = 表格（不含分页）。
+* 工具栏、多选操作栏、分页由 Shell Frame 提供，使用时用 ShellFrame 包裹：
+* <PisellRecordBoard.ShellFrame><PisellRecordBoard.GridLayout /></PisellRecordBoard.ShellFrame>
+*/
+const GridLayout = ({ className, style }) => {
+	return /* @__PURE__ */ React.createElement("div", {
+		className,
+		style,
+		"data-layout": "grid"
+	}, /* @__PURE__ */ React.createElement(Grid_default, null));
+};
+GridLayout.displayName = "RecordBoard.GridLayout";
+var GridLayout_default = GridLayout;
+
+//#endregion
+export { GridLayout_default as default };

package/es/components/pisellRecordBoard/shellFrame/BatchActionBar/index.d.ts

@@ -0,0 +1,12 @@
+import { PisellBatchActionBarProps } from "../../../pisellBatchActionBar/types.js";
+import "../../../pisellBatchActionBar/index.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/BatchActionBar/index.d.ts
+/**
+ * RecordBoard 下的多选操作栏：从 context 取选中态与数据，渲染 PisellBatchActionBar。
+ * 仅在有选中项时展示；全选/反选/清空基于当前页 data。
+ */
+declare const RecordBoardBatchActionBar: React.FC<Partial<PisellBatchActionBarProps>>;
+//#endregion
+export { RecordBoardBatchActionBar };

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

@@ -0,0 +1,69 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import PisellBatchActionBar_default from "../../../pisellBatchActionBar/PisellBatchActionBar.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import React, { useCallback, useMemo } from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/BatchActionBar/index.tsx
+function getRowKey(record, rowKey) {
+	var _ref, _record$id;
+	if (typeof rowKey === "function") return rowKey(record);
+	if (typeof rowKey === "string" && record != null && rowKey in record) return record[rowKey];
+	return (_ref = (_record$id = record === null || record === void 0 ? void 0 : record.id) !== null && _record$id !== void 0 ? _record$id : record === null || record === void 0 ? void 0 : record.key) !== null && _ref !== void 0 ? _ref : record;
+}
+/**
+* RecordBoard 下的多选操作栏：从 context 取选中态与数据，渲染 PisellBatchActionBar。
+* 仅在有选中项时展示；全选/反选/清空基于当前页 data。
+*/
+const RecordBoardBatchActionBar = (props) => {
+	var _ctx$childComponentPr, _ctx$childComponentPr2;
+	const ctx = useRecordBoardContext({ displayName: "batchActionBar" });
+	const { data, total, selectedKeys, selectedRows, onSelectionChange, rowKey: rowKeyFromContext } = ctx;
+	const rowKey = rowKeyFromContext !== null && rowKeyFromContext !== void 0 ? rowKeyFromContext : "id";
+	const currentPageKeys = useMemo(() => data.map((record) => getRowKey(record, rowKey)), [data, rowKey]);
+	const currentPageTotal = data.length;
+	const barProps = _objectSpread2(_objectSpread2({
+		selectedKeys,
+		selectedRows,
+		total,
+		currentPageTotal,
+		currentPageKeys,
+		onSelectAll: useCallback(() => {
+			onSelectionChange(currentPageKeys, data);
+		}, [
+			currentPageKeys,
+			data,
+			onSelectionChange
+		]),
+		onClear: useCallback(() => {
+			onSelectionChange([], []);
+		}, [onSelectionChange]),
+		onInvert: useCallback(() => {
+			const currentSet = new Set(currentPageKeys);
+			const selectedSet = new Set(selectedKeys);
+			const nextKeys = [];
+			const nextRows = [];
+			currentPageKeys.forEach((k, i) => {
+				if (!selectedSet.has(k)) {
+					nextKeys.push(k);
+					nextRows.push(data[i]);
+				}
+			});
+			const restSelectedKeys = selectedKeys.filter((k) => !currentSet.has(k));
+			const restSelectedRows = selectedRows.filter((_, i) => !currentSet.has(selectedKeys[i]));
+			onSelectionChange([...restSelectedKeys, ...nextKeys], [...restSelectedRows, ...nextRows]);
+		}, [
+			currentPageKeys,
+			data,
+			selectedKeys,
+			selectedRows,
+			onSelectionChange
+		])
+	}, (_ctx$childComponentPr = (_ctx$childComponentPr2 = ctx.childComponentProps) === null || _ctx$childComponentPr2 === void 0 ? void 0 : _ctx$childComponentPr2.batchActionBar) !== null && _ctx$childComponentPr !== void 0 ? _ctx$childComponentPr : {}), props);
+	if (selectedKeys.length === 0) return null;
+	return /* @__PURE__ */ React.createElement(PisellBatchActionBar_default, barProps);
+};
+RecordBoardBatchActionBar.displayName = "RecordBoard.BatchActionBar";
+var BatchActionBar_default = RecordBoardBatchActionBar;
+
+//#endregion
+export { BatchActionBar_default as default };

package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.js

@@ -0,0 +1,40 @@
+import { getText } from "../../../../locales/index.js";
+import { getRecordBoardColumnKey } from "../../utils/recordBoardColumns.js";
+import classNames from "classnames";
+import React from "react";
+import { EyeInvisibleOutlined, EyeOutlined } from "@ant-design/icons";
+
+//#region src/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.tsx
+/**
+* 列显示隐藏弹层内容（仅控制列展示显隐，不控制 filter/sort）。
+* 参考 table Actions ColumnsSetting PopoverContent，去掉拖拽排序。
+*/
+const prefix = "pisell-lowcode-";
+function getColumnTitle(column) {
+	const title = column.title;
+	if (typeof title === "string") return title;
+	return getRecordBoardColumnKey(column) || "";
+}
+const ColumnSettingPopover = ({ columns, columnVisibility, onColumnVisibilityChange }) => {
+	const handleToggle = (colKey, isShow) => {
+		onColumnVisibilityChange({ [colKey]: isShow });
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: `${prefix}table-action-column-popover-content-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}table-action-column-header` }, /* @__PURE__ */ React.createElement("span", { className: `${prefix}table-action-column-header-title` }, getText("table-action-column-title"))), /* @__PURE__ */ React.createElement("div", { className: `${prefix}table-action-column-content` }, columns.map((col) => {
+		const colKey = getRecordBoardColumnKey(col);
+		const isShow = columnVisibility[colKey] !== false;
+		return /* @__PURE__ */ React.createElement("div", {
+			key: colKey,
+			className: `${prefix}table-action-column-drag-item`,
+			style: { cursor: "default" }
+		}, /* @__PURE__ */ React.createElement("div", { className: `${prefix}table-action-column-drag-item-right` }, /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefix}table-action-column-drag-item-right-text`, { [`${prefix}table-action-column-drag-item-right-text-hidden`]: !isShow }) }, getColumnTitle(col)), /* @__PURE__ */ React.createElement("span", {
+			className: `${prefix}table-action-column-drag-item-right-icon-wrap`,
+			onClick: () => handleToggle(colKey, !isShow),
+			role: "button",
+			"aria-label": isShow ? "hide" : "show"
+		}, isShow ? /* @__PURE__ */ React.createElement(EyeOutlined, null) : /* @__PURE__ */ React.createElement(EyeInvisibleOutlined, null))));
+	})));
+};
+var ColumnSettingPopover_default = ColumnSettingPopover;
+
+//#endregion
+export { ColumnSettingPopover_default as default };

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

@@ -0,0 +1,60 @@
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import { getRecordBoardColumnKey } from "../../utils/recordBoardColumns.js";
+import ColumnSettingPopover_default from "./ColumnSettingPopover.js";
+import { Popover } from "antd";
+import React, { useMemo } from "react";
+import { EyeOutlined } from "@ant-design/icons";
+import "./index.less";
+
+//#region src/components/pisellRecordBoard/shellFrame/ColumnSetting/index.tsx
+/**
+* RecordBoard 列显示隐藏设置（仅控制表格列展示，不控制 filter/sort）。
+* 参考 table Actions ColumnsSetting，仅保留显隐切换，无拖拽排序。
+*/
+const RecordBoardColumnSetting = () => {
+	var _ctx$childComponentPr, _ctx$columnVisibility;
+	const ctx = useRecordBoardContext({ displayName: "columnSetting" });
+	const gridColumns = (_ctx$childComponentPr = ctx.childComponentProps) === null || _ctx$childComponentPr === void 0 || (_ctx$childComponentPr = _ctx$childComponentPr.grid) === null || _ctx$childComponentPr === void 0 ? void 0 : _ctx$childComponentPr.columns;
+	const columnVisibility = (_ctx$columnVisibility = ctx.columnVisibility) !== null && _ctx$columnVisibility !== void 0 ? _ctx$columnVisibility : {};
+	const onColumnVisibilityChange = ctx.onColumnVisibilityChange;
+	const content = useMemo(() => {
+		if (!Array.isArray(gridColumns) || gridColumns.length === 0 || typeof onColumnVisibilityChange !== "function") return null;
+		return /* @__PURE__ */ React.createElement(ColumnSettingPopover_default, {
+			columns: gridColumns,
+			columnVisibility,
+			onColumnVisibilityChange
+		});
+	}, [
+		gridColumns,
+		columnVisibility,
+		onColumnVisibilityChange
+	]);
+	const hasHiddenColumns = useMemo(() => {
+		if (!Array.isArray(gridColumns)) return false;
+		return gridColumns.some((col) => columnVisibility[getRecordBoardColumnKey(col)] === false);
+	}, [gridColumns, columnVisibility]);
+	if (!content) return null;
+	return /* @__PURE__ */ React.createElement(Popover, {
+		content,
+		arrow: false,
+		placement: "bottomRight",
+		trigger: "click"
+	}, /* @__PURE__ */ React.createElement("span", {
+		className: "record-board-toolbar-column-setting-btn",
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: 32,
+			height: 32,
+			cursor: "pointer",
+			borderRadius: 6,
+			color: hasHiddenColumns ? "var(--color-primary, #1890ff)" : void 0
+		}
+	}, /* @__PURE__ */ React.createElement(EyeOutlined, { style: { fontSize: 18 } })));
+};
+RecordBoardColumnSetting.displayName = "RecordBoard.ColumnSetting";
+var ColumnSetting_default = RecordBoardColumnSetting;
+
+//#endregion
+export { ColumnSetting_default as default };

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

@@ -0,0 +1,2 @@
+/* 复用 table ColumnsSetting 弹层样式，类名与 PopoverContent 一致 */
+@import '../../../table/Actions/component/ColumnsSetting/PopoverContent.less';

package/es/components/pisellRecordBoard/shellFrame/Pagination/index.d.ts

@@ -0,0 +1,17 @@
+import { RecordBoardContextValue } from "../../types.js";
+import React from "react";
+import "./index.less";
+
+//#region src/components/pisellRecordBoard/shellFrame/Pagination/index.d.ts
+interface RecordBoardPaginationProps extends Partial<Pick<RecordBoardContextValue, 'pagination' | 'total' | 'onPageChange' | 'loading'>> {
+  className?: string;
+  style?: React.CSSProperties;
+  render?: (ctx: RecordBoardContextValue) => React.ReactNode;
+}
+/**
+ * RecordBoard 下的分页：接入 packages/materials 的 Pagination，从 context 取 pagination / total / onPageChange；可透传 childComponentProps.pagination。
+ * 当 context 中 pagination 缺失时使用默认分页，避免在 Storybook 或未完整注入 context 时报错。
+ */
+declare const RecordBoardPagination: React.FC<RecordBoardPaginationProps>;
+//#endregion
+export { RecordBoardPagination };

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

@@ -0,0 +1,52 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectWithoutProperties.js";
+import Pagination_default$1 from "../../../Pagination/index.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import React, { useMemo } from "react";
+import "./index.less";
+
+//#region src/components/pisellRecordBoard/shellFrame/Pagination/index.tsx
+const _excluded = ["render"];
+const defaultPagination = {
+	pageNumber: 1,
+	pageSize: 10
+};
+/**
+* RecordBoard 下的分页：接入 packages/materials 的 Pagination，从 context 取 pagination / total / onPageChange；可透传 childComponentProps.pagination。
+* 当 context 中 pagination 缺失时使用默认分页，避免在 Storybook 或未完整注入 context 时报错。
+*/
+const RecordBoardPagination = (props) => {
+	var _ctx$pagination, _ctx$childComponentPr3;
+	const ctx = useRecordBoardContext({ displayName: "pagination" });
+	const { render } = props, rest = _objectWithoutProperties(props, _excluded);
+	const pagination = (_ctx$pagination = ctx.pagination) !== null && _ctx$pagination !== void 0 ? _ctx$pagination : defaultPagination;
+	const paginationProps = useMemo(() => {
+		var _ctx$childComponentPr, _ctx$childComponentPr2;
+		return _objectSpread2({
+			current: pagination.pageNumber,
+			pageSize: pagination.pageSize,
+			total: ctx.total,
+			onChange: ctx.onPageChange
+		}, (_ctx$childComponentPr = (_ctx$childComponentPr2 = ctx.childComponentProps) === null || _ctx$childComponentPr2 === void 0 ? void 0 : _ctx$childComponentPr2.pagination) !== null && _ctx$childComponentPr !== void 0 ? _ctx$childComponentPr : {});
+	}, [
+		pagination.pageNumber,
+		pagination.pageSize,
+		ctx.total,
+		ctx.onPageChange,
+		(_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)));
+	return /* @__PURE__ */ React.createElement("div", {
+		"data-layout-slot": "pagination",
+		className: "record-board-shell-frame-pagination",
+		style: {
+			marginTop: 16,
+			display: "flex",
+			justifyContent: "center"
+		}
+	}, /* @__PURE__ */ React.createElement(Pagination_default$1, paginationProps));
+};
+var Pagination_default = RecordBoardPagination;
+
+//#endregion
+export { Pagination_default as default };

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

@@ -0,0 +1,61 @@
+/**
+ * RecordBoard ShellFrame 内分页样式，参考 orderList index.less:64
+ */
+
+.record-board-shell-frame-pagination {
+  margin-top: 0;
+
+  .pisell-lowcode-pagination {
+    //border: none;
+  }
+
+  .pisell-lowcode-pagination-prev {
+    padding: 8px 14px;
+    height: 40px !important;
+    white-space: nowrap;
+  }
+
+  .pisell-lowcode-pagination-next {
+    padding: 8px 14px;
+    height: 40px !important;
+    white-space: nowrap;
+  }
+
+  .pisell-lowcode-pagination-item {
+    padding: 10px 14px;
+    min-width: 40px;
+    height: 40px !important;
+    line-height: 20px !important;
+
+    & > a {
+      white-space: nowrap;
+    }
+  }
+
+  .pisell-lowcode-pagination-jump-prev,
+  .pisell-lowcode-pagination-jump-next {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-width: 40px;
+    height: 40px;
+  }
+
+  .pisell-lowcode-pagination-options {
+    margin-left: 30px;
+
+    .pisell-lowcode-select {
+      min-width: 80px;
+      height: 40px;
+
+      .pisell-lowcode-select-selector {
+        padding: 10px 14px;
+        height: 40px;
+
+        .pisell-lowcode-select-selection-search-input {
+          height: 100%;
+        }
+      }
+    }
+  }
+}

package/es/components/pisellRecordBoard/shellFrame/Search/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/Search/index.d.ts
+interface RecordBoardSearchProps {
+  [key: string]: any;
+}
+/**
+ * RecordBoard 下的独立搜索槽：使用 PisellFind，绑定 context.searchParams.keyword 与 onSearch。
+ * 可通过 childComponentProps.search 透传 PisellFind 的 props。
+ */
+declare const RecordBoardSearch: React.FC<RecordBoardSearchProps>;
+//#endregion
+export { RecordBoardSearch };

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

@@ -0,0 +1,34 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { PisellFind } from "../../../pisellFind/index.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import React, { useCallback } from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/Search/index.tsx
+/** 与 context.searchParams 对应的默认搜索参数字段名 */
+const DEFAULT_SEARCH_FIELD = "keyword";
+/**
+* RecordBoard 下的独立搜索槽：使用 PisellFind，绑定 context.searchParams.keyword 与 onSearch。
+* 可通过 childComponentProps.search 透传 PisellFind 的 props。
+*/
+const RecordBoardSearch = (props) => {
+	var _searchParams$DEFAULT;
+	const ctx = useRecordBoardContext({ displayName: "search" });
+	const { searchParams, onSearch } = ctx;
+	const searchProps = ctx;
+	const keyword = (_searchParams$DEFAULT = searchParams === null || searchParams === void 0 ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) !== null && _searchParams$DEFAULT !== void 0 ? _searchParams$DEFAULT : "";
+	const handleSearch = useCallback((value) => {
+		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [DEFAULT_SEARCH_FIELD]: value || void 0 }));
+	}, [onSearch, searchParams]);
+	return /* @__PURE__ */ React.createElement("div", {
+		"data-layout-slot": "search",
+		style: { marginBottom: 8 }
+	}, /* @__PURE__ */ React.createElement(PisellFind, _objectSpread2({
+		value: keyword,
+		onSearch: handleSearch
+	}, searchProps)));
+};
+RecordBoardSearch.displayName = "RecordBoard.Search";
+var Search_default = RecordBoardSearch;
+
+//#endregion
+export { Search_default as default };