@pisell/materials 1.0.1034 → 1.0.1035

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

@@ -0,0 +1,77 @@
+/** 左侧：div + flex 布局，下单时间快筛 + Find（占满剩余宽度）+ slots.topLeft */
+.record-board-toolbar-top-left {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  width: 100%;
+  //gap: 16px;
+
+  .record-board-toolbar-find-wrap {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+
+    .ant-input,
+    .ant-input-affix-wrapper {
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+}
+
+.record-board-toolbar-quick-filter-form {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+/**
+ * RecordBoard 工具栏「筛选」按钮样式
+ * 依据 Figma Pisell 2.0 Component Library - Filter Button (node-id=13586-90537)
+ * - 边框: 1px solid #E5E7EB (neutral-200)
+ * - 圆角: 8px
+ * - 背景: #FFFFFF (neutral-0)
+ * - 文字: 16px Medium, line-height 24px, #374151 (neutral-700)
+ * - 图标: 16px, #6B7280 (neutral-500)
+ * - 内边距: 12px 20px，高度 50px
+ */
+.record-board-toolbar-filter-btn {
+  height: 50px !important;
+  padding: 12px 20px !important;
+  font-size: 16px !important;
+  font-weight: 600 !important;
+  line-height: 24px !important;
+  color: #374151 !important;
+  background-color: #ffffff !important;
+  border: 1px solid #e5e7eb !important;
+  border-width: 1px !important;
+  border-radius: 8px !important;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
+
+  .anticon {
+    font-size: 16px;
+    color: #6b7280;
+  }
+
+  &.pisell-lowcode-btn-lg {
+    height: 50px !important;
+    padding: 12px 20px !important;
+    font-size: 16px !important;
+  }
+
+  &:hover:not(:disabled) {
+    color: #374151 !important;
+    background-color: #f9fafb !important;
+    border-color: #e5e7eb !important;
+
+    .anticon {
+      color: #6b7280;
+    }
+  }
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+  }
+}

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

@@ -0,0 +1,14 @@
+import { RecordBoardToolBarProps as RecordBoardToolBarProps$1 } from "../../types.js";
+import React from "react";
+import "./ToolBarFilter.less";
+
+//#region src/components/pisellRecordBoard/shellFrame/ToolBar/index.d.ts
+/**
+ * RecordBoard 下的工具栏：使用 PisellToolBar。
+ * 左侧默认 PisellFind（inline）；右侧默认 PisellFilter。通过 childComponentProps.toolBar.search / toolBar.filter 为对象时透传对应组件 props，为 false 时不渲染。
+ * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
+ */
+declare const RecordBoardToolBar: React.FC<RecordBoardToolBarProps>;
+type RecordBoardToolBarProps = RecordBoardToolBarProps$1;
+//#endregion
+export { RecordBoardToolBar };

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

@@ -0,0 +1,136 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { getText } from "../../../../locales/index.js";
+import sort_default from "../../../sort/index.js";
+import { PisellFind } from "../../../pisellFind/index.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import { deriveFilterFromColumns, deriveSortFromColumns } from "../../utils/recordBoardColumns.js";
+import ToolBar_default$1 from "../../../pisellGridPro/ToolBar/index.js";
+import pisellFilter_default from "../../../pisellFilter/index.js";
+import ToolBarReset_default from "../ToolBarReset/index.js";
+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 SwitchVertical01 from "@pisell/icon/es/SwitchVertical01";
+import "./ToolBarFilter.less";
+
+//#region src/components/pisellRecordBoard/shellFrame/ToolBar/index.tsx
+/** 默认搜索参数字段名，与 context.searchParams 对应 */
+const DEFAULT_SEARCH_FIELD = "keyword";
+/** 筛选在 searchParams 中的字段名 */
+const FILTER_PARAMS_FIELD = "filter";
+/** 排序在 searchParams 中的字段名 */
+const SORT_PARAMS_FIELD = "sort";
+/** 筛选无值时使用的默认筛选项，避免点开为空；业务可通过 childComponentProps.toolBar.filter.defaultFilterValue 覆盖。文案通过 getText 多语言。 */
+function getDefaultFilterValue() {
+	return {
+		quickFilter: [],
+		otherFilter: []
+	};
+}
+/**
+* RecordBoard 下的工具栏：使用 PisellToolBar。
+* 左侧默认 PisellFind（inline）；右侧默认 PisellFilter。通过 childComponentProps.toolBar.search / toolBar.filter 为对象时透传对应组件 props，为 false 时不渲染。
+* 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
+*/
+const RecordBoardToolBar = (props) => {
+	var _ctx$childComponentPr, _ctx$childComponentPr2, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _size;
+	const ctx = useRecordBoardContext({ displayName: "toolBar" });
+	const { searchParams, onSearch } = ctx;
+	const slots = (_ctx$childComponentPr = (_ctx$childComponentPr2 = ctx.childComponentProps) === null || _ctx$childComponentPr2 === void 0 ? void 0 : _ctx$childComponentPr2.toolBar) !== null && _ctx$childComponentPr !== void 0 ? _ctx$childComponentPr : {};
+	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]);
+	const gridColumns = (_ctx$childComponentPr3 = ctx.childComponentProps) === null || _ctx$childComponentPr3 === void 0 || (_ctx$childComponentPr3 = _ctx$childComponentPr3.grid) === null || _ctx$childComponentPr3 === void 0 ? void 0 : _ctx$childComponentPr3.columns;
+	const derivedFilterFromColumns = useMemo(() => Array.isArray(gridColumns) && gridColumns.length > 0 ? deriveFilterFromColumns(gridColumns) : null, [gridColumns]);
+	const derivedSortFromColumnsList = useMemo(() => Array.isArray(gridColumns) && gridColumns.length > 0 ? deriveSortFromColumns(gridColumns) : [], [gridColumns]);
+	const searchConfig = slots.search;
+	/** 默认 inline：triggerType="input" + displayType="inline"，放在 toolbar 左侧，显示搜索按钮。受控需传 onChange 才能输入。 */
+	const searchNode = searchConfig === false ? null : /* @__PURE__ */ React.createElement(PisellFind, _objectSpread2({
+		triggerType: "input",
+		displayType: "inline",
+		showConfirmButton: true,
+		value: keyword,
+		onChange: (v) => handleSearch(v),
+		onSearch: handleSearch
+	}, typeof searchConfig === "object" && searchConfig !== null ? searchConfig : {}));
+	const quickFilterConfig = slots.quickFilter;
+	const quickFilterList = useMemo(() => {
+		var _ref;
+		if (quickFilterConfig === false) return [];
+		const fromConfig = typeof quickFilterConfig === "object" && quickFilterConfig !== null && Array.isArray(quickFilterConfig.filterList) ? quickFilterConfig.filterList : null;
+		return (_ref = fromConfig !== null && fromConfig !== void 0 ? fromConfig : derivedFilterFromColumns === null || derivedFilterFromColumns === void 0 ? void 0 : derivedFilterFromColumns.quickFilter) !== null && _ref !== void 0 ? _ref : [];
+	}, [quickFilterConfig, derivedFilterFromColumns === null || derivedFilterFromColumns === void 0 ? void 0 : derivedFilterFromColumns.quickFilter]);
+	const quickFilterNode = quickFilterList.length > 0 ? /* @__PURE__ */ React.createElement(ToolBarQuickFilter_default, {
+		filterList: quickFilterList,
+		formFiltersPrefix: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? (_formFiltersPrefix = quickFilterConfig.formFiltersPrefix) !== null && _formFiltersPrefix !== void 0 ? _formFiltersPrefix : "" : "",
+		size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? (_size = quickFilterConfig.size) !== null && _size !== void 0 ? _size : "large" : "large"
+	}) : null;
+	const topLeft = /* @__PURE__ */ React.createElement("div", { className: "record-board-toolbar-top-left" }, quickFilterNode, searchNode ? /* @__PURE__ */ React.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft);
+	const sortConfig = slots.sort;
+	const hideSort = sortConfig === false;
+	const sortValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[SORT_PARAMS_FIELD];
+	const handleSortChange = useCallback((val) => {
+		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [SORT_PARAMS_FIELD]: val || void 0 }));
+	}, [onSearch, searchParams]);
+	const sortList = useMemo(() => {
+		const fromConfig = typeof sortConfig === "object" && sortConfig !== null && Array.isArray(sortConfig.list) ? sortConfig.list : null;
+		return fromConfig !== null && fromConfig !== void 0 ? fromConfig : derivedSortFromColumnsList;
+	}, [sortConfig, derivedSortFromColumnsList]);
+	const sortNode = hideSort ? null : /* @__PURE__ */ React.createElement(sort_default, _objectSpread2(_objectSpread2({}, typeof sortConfig === "object" && sortConfig !== null ? sortConfig : {}), {}, {
+		list: sortList,
+		value: sortValue,
+		onChange: handleSortChange,
+		placement: "bottomLeft",
+		button: /* @__PURE__ */ React.createElement(Button, {
+			className: "record-board-toolbar-filter-btn",
+			icon: /* @__PURE__ */ React.createElement(SwitchVertical01, null),
+			size: "large"
+		}, getText("sort-button-text"))
+	}));
+	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 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 : {} });
+	}, [
+		filterValue,
+		hasFilterItems,
+		filterConfig,
+		derivedFilterFromColumns
+	]);
+	const filterValueForPisellFilter = useMemo(() => _objectSpread2(_objectSpread2({}, effectiveFilterValue), {}, { quickFilter: [] }), [effectiveFilterValue]);
+	const handleFilterChange = useCallback((value) => {
+		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [FILTER_PARAMS_FIELD]: value }));
+	}, [onSearch, searchParams]);
+	const filterNode = hideFilter ? null : /* @__PURE__ */ React.createElement(pisellFilter_default, _objectSpread2({
+		value: filterValueForPisellFilter,
+		onChange: handleFilterChange,
+		hasForm: true,
+		quickFilterMaxLength: 100,
+		formFiltersPrefix: "",
+		size: "large",
+		buttonClassName: "record-board-toolbar-filter-btn",
+		hiddenQuickFilter: true
+	}, typeof filterConfig === "object" && filterConfig !== null ? filterConfig : {}));
+	const showColumnSetting = slots.columnSetting !== false && Array.isArray(gridColumns) && gridColumns.length > 0;
+	const topRight = /* @__PURE__ */ React.createElement(Space, null, showColumnSetting ? /* @__PURE__ */ React.createElement(ColumnSetting_default, null) : null, sortNode, filterNode, /* @__PURE__ */ React.createElement(ToolBarReset_default, { size: "large" }), slots.topRight);
+	return /* @__PURE__ */ React.createElement(ToolBar_default$1, {
+		className: slots.className,
+		style: slots.style,
+		tabs: slots.tabs,
+		topLeft,
+		topRight,
+		bottomLeft: slots.bottomLeft,
+		bottomRight: slots.bottomRight
+	});
+};
+RecordBoardToolBar.displayName = "RecordBoard.ToolBar";
+var ToolBar_default = RecordBoardToolBar;
+
+//#endregion
+export { ToolBar_default as default };

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

@@ -0,0 +1,2 @@
+import "../../../filter/types.js";
+import React from "react";

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

@@ -0,0 +1,62 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import QuickFilter_default from "../../../filter/components/QuickFilter/index.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import { Form } from "antd";
+import React, { useCallback, useEffect } from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/ToolBarQuickFilter/index.tsx
+/** 筛选在 searchParams 中的字段名，与 ToolBar 一致 */
+const FILTER_PARAMS_FIELD = "filter";
+/**
+* RecordBoard 工具栏左侧内联快速筛选：将 quickFilter 直接展示在 ToolBar 左侧，不放入 Filter 弹层。
+* 与 searchParams.filter 联动，变更写入 searchParams.filter.values 并触发 onSearch。
+* 启用时建议 ToolBar 对 PisellFilter 传 hiddenQuickFilter: true，仅保留高级筛选在弹层内。
+*/
+const ToolBarQuickFilter = ({ filterList = [], formFiltersPrefix = "", size = "large" }) => {
+	var _filterValue$values;
+	const { searchParams, onSearch } = useRecordBoardContext();
+	const [form] = Form.useForm();
+	const filterValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+	const currentValues = (_filterValue$values = filterValue === null || filterValue === void 0 ? void 0 : filterValue.values) !== null && _filterValue$values !== void 0 ? _filterValue$values : {};
+	useEffect(() => {
+		const next = typeof currentValues === "object" && currentValues !== null ? currentValues : {};
+		const byNames = filterList.reduce((acc, item) => {
+			var _item$name, _next$String;
+			const name = (_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : item.key;
+			if (name != null) acc[String(name)] = (_next$String = next[String(name)]) !== null && _next$String !== void 0 ? _next$String : void 0;
+			return acc;
+		}, {});
+		form.setFieldsValue(byNames);
+	}, [
+		currentValues,
+		form,
+		filterList
+	]);
+	const handleValuesChange = useCallback((_, allValues) => {
+		if (typeof allValues !== "object" || allValues === null) return;
+		const nextFilter = _objectSpread2(_objectSpread2({}, filterValue), {}, { values: _objectSpread2(_objectSpread2({}, currentValues), allValues) });
+		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, { [FILTER_PARAMS_FIELD]: nextFilter }));
+	}, [
+		searchParams,
+		filterValue,
+		currentValues,
+		onSearch
+	]);
+	if (!Array.isArray(filterList) || filterList.length === 0) return null;
+	return /* @__PURE__ */ React.createElement(Form, {
+		form,
+		layout: "inline",
+		size,
+		onValuesChange: handleValuesChange,
+		style: { marginRight: 0 },
+		className: "record-board-toolbar-quick-filter-form"
+	}, /* @__PURE__ */ React.createElement(QuickFilter_default, {
+		value: { quickFilter: filterList },
+		formFiltersPrefix
+	}));
+};
+ToolBarQuickFilter.displayName = "RecordBoard.ToolBarQuickFilter";
+var ToolBarQuickFilter_default = ToolBarQuickFilter;
+
+//#endregion
+export { ToolBarQuickFilter_default as default };

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

@@ -0,0 +1,2 @@
+import React from "react";
+import "./index.less";

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

@@ -0,0 +1,45 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.108.0/helpers/objectSpread2.js";
+import { getText } from "../../../../locales/index.js";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext.js";
+import { Button } from "antd";
+import React, { useCallback } from "react";
+import { ReloadOutlined } from "@ant-design/icons";
+import "./index.less";
+
+//#region src/components/pisellRecordBoard/shellFrame/ToolBarReset/index.tsx
+/** 筛选在 searchParams 中的字段名，与 ToolBar 一致 */
+const FILTER_PARAMS_FIELD = "filter";
+/** 排序在 searchParams 中的字段名，与 ToolBar 一致 */
+const SORT_PARAMS_FIELD = "sort";
+/**
+* RecordBoard 工具栏重置按钮：清空筛选与排序并刷新表格。
+* 点击后以空 filter.values、清空 sort 调用 onSearch，并调用 onReset（若提供）。
+*/
+const ToolBarReset = ({ size = "large", type = "default", children }) => {
+	const defaultResetText = getText("record-board-toolbar-reset");
+	const { searchParams, onSearch, onReset } = useRecordBoardContext();
+	const handleReset = useCallback(() => {
+		const currentFilter = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+		onSearch(_objectSpread2(_objectSpread2({}, searchParams), {}, {
+			[FILTER_PARAMS_FIELD]: _objectSpread2(_objectSpread2({}, currentFilter), {}, { values: {} }),
+			[SORT_PARAMS_FIELD]: void 0
+		}));
+		onReset === null || onReset === void 0 || onReset();
+	}, [
+		searchParams,
+		onSearch,
+		onReset
+	]);
+	return /* @__PURE__ */ React.createElement(Button, {
+		className: "record-board-toolbar-reset",
+		type,
+		icon: /* @__PURE__ */ React.createElement(ReloadOutlined, null),
+		onClick: handleReset,
+		size
+	}, children !== null && children !== void 0 ? children : defaultResetText);
+};
+ToolBarReset.displayName = "RecordBoard.ToolBarReset";
+var ToolBarReset_default = ToolBarReset;
+
+//#endregion
+export { ToolBarReset_default as default };

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

@@ -0,0 +1,41 @@
+/**
+ * ToolBarReset 按钮样式
+ * 依据 Figma Pisell 2.0 Component Library - Secondary Button (node-id=13629-5167)
+ * - 边框: 1px solid #E5E7EB (neutral-200)
+ * - 圆角: 8px
+ * - 背景: #FFFFFF (neutral-0)
+ * - 文字: 16px Medium, line-height 24px, #374151 (neutral-700)
+ * - 内边距: 12px 20px，高度 50px
+ */
+.record-board-toolbar-reset {
+  &.pisell-lowcode-btn {
+    height: 50px;
+    padding: 12px 20px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    color: #374151;
+    background-color: #ffffff;
+    border: 1px solid #e5e7eb;
+    border-width: 1px;
+    border-radius: 8px;
+    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+
+    &.pisell-lowcode-btn-lg {
+      height: 50px;
+      padding: 12px 20px;
+      font-size: 16px;
+    }
+
+    &:hover:not(:disabled) {
+      color: #374151;
+      background-color: #f9fafb;
+      border-color: #e5e7eb;
+    }
+
+    &:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+    }
+  }
+}

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

@@ -0,0 +1,27 @@
+import { RecordBoardToolBar } from "./ToolBar/index.js";
+import { RecordBoardBatchActionBar } from "./BatchActionBar/index.js";
+import { RecordBoardPagination } from "./Pagination/index.js";
+import { RecordBoardSearch } from "./Search/index.js";
+import "./ToolBarReset/index.js";
+import "./ToolBarQuickFilter/index.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/index.d.ts
+/**
+ * Shell Frame：基于 PisellShellFrame 的 RecordBoard 壳层。
+ * 提供工具栏、多选操作条、分页；与 Layout 同级，包裹在 Layout 外层。
+ *
+ * 使用方式：
+ * <PisellRecordBoard>
+ *   <PisellRecordBoard.ShellFrame>
+ *     <PisellRecordBoard.GridLayout />
+ *   </PisellRecordBoard.ShellFrame>
+ * </PisellRecordBoard>
+ */
+declare const RecordBoardShellFrame: React.FC<{
+  children?: React.ReactNode;
+  className?: string;
+  style?: React.CSSProperties;
+}>;
+//#endregion
+export { RecordBoardShellFrame };

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

@@ -0,0 +1,38 @@
+import { PisellShellFrame } from "../../pisellShellFrame/PisellShellFrame.js";
+import ToolBarReset_default from "./ToolBarReset/index.js";
+import ToolBarQuickFilter_default from "./ToolBarQuickFilter/index.js";
+import ToolBar_default from "./ToolBar/index.js";
+import BatchActionBar_default from "./BatchActionBar/index.js";
+import Pagination_default from "./Pagination/index.js";
+import Search_default from "./Search/index.js";
+import React from "react";
+
+//#region src/components/pisellRecordBoard/shellFrame/index.tsx
+/**
+* Shell Frame：基于 PisellShellFrame 的 RecordBoard 壳层。
+* 提供工具栏、多选操作条、分页；与 Layout 同级，包裹在 Layout 外层。
+*
+* 使用方式：
+* <PisellRecordBoard>
+*   <PisellRecordBoard.ShellFrame>
+*     <PisellRecordBoard.GridLayout />
+*   </PisellRecordBoard.ShellFrame>
+* </PisellRecordBoard>
+*/
+const RecordBoardShellFrame = ({ children, className, style }) => {
+	return /* @__PURE__ */ React.createElement(PisellShellFrame, {
+		className,
+		style,
+		config: {
+			showToolbar: true,
+			showBatchActionBar: true
+		},
+		toolbar: /* @__PURE__ */ React.createElement(ToolBar_default, null),
+		batchActionBar: /* @__PURE__ */ React.createElement(BatchActionBar_default, null)
+	}, children, /* @__PURE__ */ React.createElement(Pagination_default, null));
+};
+RecordBoardShellFrame.displayName = "RecordBoard.ShellFrame";
+var shellFrame_default = RecordBoardShellFrame;
+
+//#endregion
+export { shellFrame_default as default };