@pisell/materials 6.3.27 → 6.3.28

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

@@ -0,0 +1,90 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { useMemo, useCallback } from 'react';
+import PisellBatchActionBar from "../../../pisellBatchActionBar";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext";
+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。
+ */
+var RecordBoardBatchActionBar = function RecordBoardBatchActionBar(props) {
+  var _ctx$childComponentPr, _ctx$childComponentPr2;
+  var ctx = useRecordBoardContext({
+    displayName: 'batchActionBar'
+  });
+  var data = ctx.data,
+    total = ctx.total,
+    selectedKeys = ctx.selectedKeys,
+    selectedRows = ctx.selectedRows,
+    onSelectionChange = ctx.onSelectionChange,
+    rowKeyFromContext = ctx.rowKey;
+  var rowKey = rowKeyFromContext !== null && rowKeyFromContext !== void 0 ? rowKeyFromContext : 'id';
+  var currentPageKeys = useMemo(function () {
+    return data.map(function (record) {
+      return getRowKey(record, rowKey);
+    });
+  }, [data, rowKey]);
+  var currentPageTotal = data.length;
+  var onSelectAll = useCallback(function () {
+    onSelectionChange(currentPageKeys, data);
+  }, [currentPageKeys, data, onSelectionChange]);
+  var onClear = useCallback(function () {
+    onSelectionChange([], []);
+  }, [onSelectionChange]);
+  var onInvert = useCallback(function () {
+    var currentSet = new Set(currentPageKeys);
+    var selectedSet = new Set(selectedKeys);
+    var nextKeys = [];
+    var nextRows = [];
+    currentPageKeys.forEach(function (k, i) {
+      if (!selectedSet.has(k)) {
+        nextKeys.push(k);
+        nextRows.push(data[i]);
+      }
+    });
+    var restSelectedKeys = selectedKeys.filter(function (k) {
+      return !currentSet.has(k);
+    });
+    var restSelectedRows = selectedRows.filter(function (_, i) {
+      return !currentSet.has(selectedKeys[i]);
+    });
+    onSelectionChange([].concat(_toConsumableArray(restSelectedKeys), nextKeys), [].concat(_toConsumableArray(restSelectedRows), nextRows));
+  }, [currentPageKeys, data, selectedKeys, selectedRows, onSelectionChange]);
+  var barProps = _objectSpread(_objectSpread({
+    selectedKeys: selectedKeys,
+    selectedRows: selectedRows,
+    total: total,
+    currentPageTotal: currentPageTotal,
+    currentPageKeys: currentPageKeys,
+    onSelectAll: onSelectAll,
+    onClear: onClear,
+    onInvert: onInvert
+  }, (_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, barProps);
+};
+RecordBoardBatchActionBar.displayName = 'RecordBoard.BatchActionBar';
+export default RecordBoardBatchActionBar;

package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 列显示隐藏弹层内容：显隐切换 + 拖拽排序（参考 table Actions ColumnsSetting PopoverContent）。
+ */
+import React from 'react';
+import type { RecordBoardColumnType } from '../../types';
+export interface ColumnSettingPopoverProps {
+    columns: RecordBoardColumnType[];
+    columnVisibility: Record<string, boolean>;
+    onColumnVisibilityChange: (visibility: Record<string, boolean>) => void;
+    /** 列 key 顺序（拖拽排序后持久化）；未传则按 columns 顺序 */
+    columnOrder?: string[] | null;
+    onColumnOrderChange?: (columnKeys: string[]) => void;
+}
+declare const ColumnSettingPopover: React.FC<ColumnSettingPopoverProps>;
+export default ColumnSettingPopover;

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

@@ -0,0 +1,138 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+/**
+ * 列显示隐藏弹层内容：显隐切换 + 拖拽排序（参考 table Actions ColumnsSetting PopoverContent）。
+ */
+
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import DotsSix from '@pisell/icon/es/DotsSix';
+import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
+import { getText } from "../../../../locales";
+import Sortable from "../../../DragSortList";
+import { getRecordBoardColumnKey } from "../../utils/recordBoardColumns";
+var prefix = 'pisell-lowcode-';
+function getColumnTitle(column) {
+  var title = column.title;
+  if (typeof title === 'string') return title;
+  return getRecordBoardColumnKey(column) || '';
+}
+var ColumnSettingPopover = function ColumnSettingPopover(_ref) {
+  var columns = _ref.columns,
+    columnVisibility = _ref.columnVisibility,
+    onColumnVisibilityChange = _ref.onColumnVisibilityChange,
+    columnOrder = _ref.columnOrder,
+    onColumnOrderChange = _ref.onColumnOrderChange;
+  var orderedColumns = useMemo(function () {
+    if (!Array.isArray(columnOrder) || columnOrder.length === 0) return columns;
+    var keyToCol = new Map(columns.map(function (c) {
+      return [getRecordBoardColumnKey(c), c];
+    }));
+    var result = [];
+    var _iterator = _createForOfIteratorHelper(columnOrder),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        var col = keyToCol.get(key);
+        if (col) result.push(col);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    columns.forEach(function (col) {
+      var key = getRecordBoardColumnKey(col);
+      if (!columnOrder.includes(key)) result.push(col);
+    });
+    return result;
+  }, [columns, columnOrder]);
+  var handleToggle = function handleToggle(colKey, isShow) {
+    onColumnVisibilityChange(_defineProperty({}, colKey, isShow));
+  };
+  var handleOrderChange = function handleOrderChange(list) {
+    onColumnOrderChange === null || onColumnOrderChange === void 0 || onColumnOrderChange(list.map(function (c) {
+      return getRecordBoardColumnKey(c);
+    }).filter(Boolean));
+  };
+  var listContent = /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "table-action-column-content")
+  }, typeof onColumnOrderChange === 'function' ? /*#__PURE__*/React.createElement(Sortable, {
+    list: orderedColumns,
+    rowKey: function rowKey(col) {
+      return getRecordBoardColumnKey(col) || '';
+    },
+    onChange: handleOrderChange
+  }, function (_ref2) {
+    var col = _ref2.item,
+      index = _ref2.index,
+      style = _ref2.style,
+      props = _ref2.props,
+      attributes = _ref2.attributes,
+      setActivatorNodeRef = _ref2.setActivatorNodeRef,
+      listeners = _ref2.listeners;
+    var colKey = getRecordBoardColumnKey(col);
+    var isShow = columnVisibility[colKey] !== false;
+    return /*#__PURE__*/React.createElement("div", _extends({
+      key: colKey
+    }, attributes, {
+      ref: props.ref,
+      style: style,
+      className: "".concat(prefix, "table-action-column-drag-item")
+    }), /*#__PURE__*/React.createElement(DotsSix, _extends({
+      ref: setActivatorNodeRef
+    }, listeners, {
+      style: {
+        touchAction: 'none'
+      },
+      className: "".concat(prefix, "table-action-column-drag-bar")
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "table-action-column-drag-item-right")
+    }, /*#__PURE__*/React.createElement("span", {
+      className: classNames("".concat(prefix, "table-action-column-drag-item-right-text"), _defineProperty({}, "".concat(prefix, "table-action-column-drag-item-right-text-hidden"), !isShow))
+    }, getColumnTitle(col)), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefix, "table-action-column-drag-item-right-icon-wrap"),
+      onClick: function onClick() {
+        return handleToggle(colKey, !isShow);
+      },
+      role: "button",
+      "aria-label": isShow ? 'hide' : 'show'
+    }, isShow ? /*#__PURE__*/React.createElement(EyeOutlined, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null))));
+  }) : orderedColumns.map(function (col) {
+    var colKey = getRecordBoardColumnKey(col);
+    var isShow = columnVisibility[colKey] !== false;
+    return /*#__PURE__*/React.createElement("div", {
+      key: colKey,
+      className: "".concat(prefix, "table-action-column-drag-item"),
+      style: {
+        cursor: 'default'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "table-action-column-drag-item-right")
+    }, /*#__PURE__*/React.createElement("span", {
+      className: classNames("".concat(prefix, "table-action-column-drag-item-right-text"), _defineProperty({}, "".concat(prefix, "table-action-column-drag-item-right-text-hidden"), !isShow))
+    }, getColumnTitle(col)), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefix, "table-action-column-drag-item-right-icon-wrap"),
+      onClick: function onClick() {
+        return handleToggle(colKey, !isShow);
+      },
+      role: "button",
+      "aria-label": isShow ? 'hide' : 'show'
+    }, isShow ? /*#__PURE__*/React.createElement(EyeOutlined, null) : /*#__PURE__*/React.createElement(EyeInvisibleOutlined, null))));
+  }));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "table-action-column-popover-content-wrap")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "table-action-column-header")
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefix, "table-action-column-header-title")
+  }, getText('table-action-column-title'))), listContent);
+};
+export default ColumnSettingPopover;

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

@@ -0,0 +1,8 @@
+/**
+ * RecordBoard 列显示隐藏设置（仅控制表格列展示，不控制 filter/sort）。
+ * 参考 table Actions ColumnsSetting，仅保留显隐切换，无拖拽排序。
+ */
+import React from 'react';
+import './index.less';
+declare const RecordBoardColumnSetting: React.FC;
+export default RecordBoardColumnSetting;

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

@@ -0,0 +1,66 @@
+/**
+ * RecordBoard 列显示隐藏设置（仅控制表格列展示，不控制 filter/sort）。
+ * 参考 table Actions ColumnsSetting，仅保留显隐切换，无拖拽排序。
+ */
+
+import React, { useMemo } from 'react';
+import { Popover } from 'antd';
+import { EyeOutlined } from '@ant-design/icons';
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext";
+import { getRecordBoardColumnKey } from "../../utils/recordBoardColumns";
+import ColumnSettingPopover from "./ColumnSettingPopover";
+import "./index.less";
+var RecordBoardColumnSetting = function RecordBoardColumnSetting() {
+  var _ctx$childComponentPr, _ctx$columnVisibility, _ctx$columnOrder;
+  var ctx = useRecordBoardContext({
+    displayName: 'columnSetting'
+  });
+  var 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;
+  var columnVisibility = (_ctx$columnVisibility = ctx.columnVisibility) !== null && _ctx$columnVisibility !== void 0 ? _ctx$columnVisibility : {};
+  var onColumnVisibilityChange = ctx.onColumnVisibilityChange;
+  var columnOrder = (_ctx$columnOrder = ctx.columnOrder) !== null && _ctx$columnOrder !== void 0 ? _ctx$columnOrder : null;
+  var onColumnOrderChange = ctx.onColumnOrderChange;
+  var content = useMemo(function () {
+    if (!Array.isArray(gridColumns) || gridColumns.length === 0 || typeof onColumnVisibilityChange !== 'function') {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(ColumnSettingPopover, {
+      columns: gridColumns,
+      columnVisibility: columnVisibility,
+      onColumnVisibilityChange: onColumnVisibilityChange,
+      columnOrder: columnOrder,
+      onColumnOrderChange: onColumnOrderChange
+    });
+  }, [gridColumns, columnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange]);
+  var hasHiddenColumns = useMemo(function () {
+    if (!Array.isArray(gridColumns)) return false;
+    return gridColumns.some(function (col) {
+      return columnVisibility[getRecordBoardColumnKey(col)] === false;
+    });
+  }, [gridColumns, columnVisibility]);
+  if (!content) return null;
+  return /*#__PURE__*/React.createElement(Popover, {
+    content: 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)' : undefined
+    }
+  }, /*#__PURE__*/React.createElement(EyeOutlined, {
+    style: {
+      fontSize: 18
+    }
+  })));
+};
+RecordBoardColumnSetting.displayName = 'RecordBoard.ColumnSetting';
+export default RecordBoardColumnSetting;

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,14 @@
+import React from 'react';
+import './index.less';
+import type { RecordBoardContextValue } from '../../types';
+export 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>;
+export default RecordBoardPagination;

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

@@ -0,0 +1,66 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["render"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useMemo } from 'react';
+import Pagination from "../../../Pagination";
+import "./index.less";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext";
+var defaultPagination = {
+  pageNumber: 1,
+  pageSize: 50
+};
+/**
+ * RecordBoard 下的分页：接入 packages/materials 的 Pagination，从 context 取 pagination / total / onPageChange；可透传 childComponentProps.pagination。
+ * 当 context 中 pagination 缺失时使用默认分页，避免在 Storybook 或未完整注入 context 时报错。
+ */
+var RecordBoardPagination = function RecordBoardPagination(props) {
+  var _ctx$pagination, _ctx$childComponentPr3;
+  var ctx = useRecordBoardContext({
+    displayName: 'pagination'
+  });
+  var render = props.render,
+    rest = _objectWithoutProperties(props, _excluded);
+  var pagination = (_ctx$pagination = ctx.pagination) !== null && _ctx$pagination !== void 0 ? _ctx$pagination : defaultPagination;
+  var paginationProps = useMemo(function () {
+    var _ctx$childComponentPr, _ctx$childComponentPr2;
+    return _objectSpread({
+      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(_objectSpread(_objectSpread({}, ctx), rest)));
+  }
+
+  // 无数据时不展示分页控件，但保留占位避免高度计算异常
+  if (ctx.total === 0) {
+    return /*#__PURE__*/React.createElement("div", {
+      "data-layout-slot": "pagination",
+      className: "record-board-shell-frame-pagination record-board-shell-frame-pagination-placeholder",
+      style: {
+        marginTop: 16,
+        display: 'flex',
+        justifyContent: 'center',
+        minHeight: 40
+      }
+    });
+  }
+  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, paginationProps));
+};
+export default RecordBoardPagination;

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

@@ -0,0 +1,78 @@
+/**
+ * RecordBoard ShellFrame 内分页样式，参考 orderList index.less:64
+ */
+
+.record-board-shell-frame-pagination {
+  margin-top: 0;
+
+  .pisell-lowcode-pagination-item {
+    border: 1px solid #D0D5DD !important;
+    border-right: 0 !important;
+  }
+
+  .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 !important;
+    height: 40px !important;
+  }
+
+  .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%;
+        }
+      }
+    }
+  }
+}
+
+/**
+ * 手机宽度下：不展示 "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/Search/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface RecordBoardSearchProps {
+    [key: string]: any;
+}
+/**
+ * RecordBoard 下的独立搜索槽：使用 PisellFind，绑定 context.searchParams.keyword 与 onSearch。
+ * 可通过 childComponentProps.search 透传 PisellFind 的 props。
+ */
+declare const RecordBoardSearch: React.FC<RecordBoardSearchProps>;
+export default RecordBoardSearch;

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

@@ -0,0 +1,41 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useCallback } from 'react';
+import { PisellFind } from "../../../pisellFind";
+import { useRecordBoardContext } from "../../hooks/useRecordBoardContext";
+
+/** 与 context.searchParams 对应的默认搜索参数字段名 */
+var DEFAULT_SEARCH_FIELD = 'keyword';
+/**
+ * RecordBoard 下的独立搜索槽：使用 PisellFind，绑定 context.searchParams.keyword 与 onSearch。
+ * 可通过 childComponentProps.search 透传 PisellFind 的 props。
+ */
+var RecordBoardSearch = function RecordBoardSearch(props) {
+  var _searchParams$DEFAULT;
+  var ctx = useRecordBoardContext({
+    displayName: 'search'
+  });
+  var searchParams = ctx.searchParams,
+    onSearch = ctx.onSearch;
+  var searchProps = ctx;
+  var keyword = (_searchParams$DEFAULT = searchParams === null || searchParams === void 0 ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) !== null && _searchParams$DEFAULT !== void 0 ? _searchParams$DEFAULT : '';
+  var handleSearch = useCallback(function (value) {
+    onSearch(_objectSpread(_objectSpread({}, searchParams), {}, _defineProperty({}, DEFAULT_SEARCH_FIELD, value || undefined)));
+  }, [onSearch, searchParams]);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-layout-slot": "search",
+    style: {
+      marginBottom: 8
+    }
+  }, /*#__PURE__*/React.createElement(PisellFind, _extends({
+    value: keyword,
+    onSearch: handleSearch
+  }, searchProps)));
+};
+RecordBoardSearch.displayName = 'RecordBoard.Search';
+export default RecordBoardSearch;

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

@@ -0,0 +1,112 @@
+/** 左侧：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%;
+    }
+  }
+
+  .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 {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  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)
+ * - 边框: 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);
+  }
+}