@pisell/materials 6.11.7 → 6.11.9

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

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/layouts/GridLayout/index.tsx
+var GridLayout_exports = {};
+__export(GridLayout_exports, {
+  GridLayoutGrid: () => import_Grid.default,
+  default: () => GridLayout_default
+});
+module.exports = __toCommonJS(GridLayout_exports);
+var import_react = __toESM(require("react"));
+var import_Grid = __toESM(require("./Grid"));
+var GridLayout = ({ className, style }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className, style, "data-layout": "grid" }, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, null));
+};
+GridLayout.displayName = "RecordBoard.GridLayout";
+var GridLayout_default = GridLayout;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridLayoutGrid
+});

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PisellBatchActionBarProps } from '../../../pisellBatchActionBar';
+/**
+ * RecordBoard 下的多选操作栏：从 context 取选中态与数据，渲染 PisellBatchActionBar。
+ * 仅在有选中项时展示；全选/反选/清空基于当前页 data。
+ */
+declare const RecordBoardBatchActionBar: React.FC<Partial<PisellBatchActionBarProps>>;
+export default RecordBoardBatchActionBar;

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

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/BatchActionBar/index.tsx
+var BatchActionBar_exports = {};
+__export(BatchActionBar_exports, {
+  default: () => BatchActionBar_default
+});
+module.exports = __toCommonJS(BatchActionBar_exports);
+var import_react = __toESM(require("react"));
+var import_pisellBatchActionBar = __toESM(require("../../../pisellBatchActionBar"));
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+function getRowKey(record, rowKey) {
+  if (typeof rowKey === "function") {
+    return rowKey(record);
+  }
+  if (typeof rowKey === "string" && record != null && rowKey in record) {
+    return record[rowKey];
+  }
+  return (record == null ? void 0 : record.id) ?? (record == null ? void 0 : record.key) ?? record;
+}
+var RecordBoardBatchActionBar = (props) => {
+  var _a;
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "batchActionBar" });
+  const {
+    data,
+    total,
+    selectedKeys,
+    selectedRows,
+    onSelectionChange,
+    rowKey: rowKeyFromContext
+  } = ctx;
+  const rowKey = rowKeyFromContext ?? "id";
+  const currentPageKeys = (0, import_react.useMemo)(
+    () => data.map((record) => getRowKey(record, rowKey)),
+    [data, rowKey]
+  );
+  const currentPageTotal = data.length;
+  const onSelectAll = (0, import_react.useCallback)(() => {
+    onSelectionChange(currentPageKeys, data);
+  }, [currentPageKeys, data, onSelectionChange]);
+  const onClear = (0, import_react.useCallback)(() => {
+    onSelectionChange([], []);
+  }, [onSelectionChange]);
+  const onInvert = (0, import_react.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]);
+  const barProps = {
+    selectedKeys,
+    selectedRows,
+    total,
+    currentPageTotal,
+    currentPageKeys,
+    onSelectAll,
+    onClear,
+    onInvert,
+    ...((_a = ctx.childComponentProps) == null ? void 0 : _a.batchActionBar) ?? {},
+    ...props
+  };
+  if (selectedKeys.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_pisellBatchActionBar.default, { ...barProps });
+};
+RecordBoardBatchActionBar.displayName = "RecordBoard.BatchActionBar";
+var BatchActionBar_default = RecordBoardBatchActionBar;

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

@@ -0,0 +1,13 @@
+/**
+ * 列显示隐藏弹层内容（仅控制列展示显隐，不控制 filter/sort）。
+ * 参考 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;
+}
+declare const ColumnSettingPopover: React.FC<ColumnSettingPopoverProps>;
+export default ColumnSettingPopover;

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

@@ -0,0 +1,88 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/ColumnSetting/ColumnSettingPopover.tsx
+var ColumnSettingPopover_exports = {};
+__export(ColumnSettingPopover_exports, {
+  default: () => ColumnSettingPopover_default
+});
+module.exports = __toCommonJS(ColumnSettingPopover_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_icons = require("@ant-design/icons");
+var import_locales = require("../../../../locales");
+var import_recordBoardColumns = require("../../utils/recordBoardColumns");
+var prefix = "pisell-lowcode-";
+function getColumnTitle(column) {
+  const title = column.title;
+  if (typeof title === "string") return title;
+  return (0, import_recordBoardColumns.getRecordBoardColumnKey)(column) || "";
+}
+var ColumnSettingPopover = ({
+  columns,
+  columnVisibility,
+  onColumnVisibilityChange
+}) => {
+  const handleToggle = (colKey, isShow) => {
+    onColumnVisibilityChange({ [colKey]: isShow });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-popover-content-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-header` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}table-action-column-header-title` }, (0, import_locales.getText)("table-action-column-title"))), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-content` }, columns.map((col) => {
+    const colKey = (0, import_recordBoardColumns.getRecordBoardColumnKey)(col);
+    const isShow = columnVisibility[colKey] !== false;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: colKey,
+        className: `${prefix}table-action-column-drag-item`,
+        style: { cursor: "default" }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}table-action-column-drag-item-right` }, /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: (0, import_classnames.default)(
+            `${prefix}table-action-column-drag-item-right-text`,
+            {
+              [`${prefix}table-action-column-drag-item-right-text-hidden`]: !isShow
+            }
+          )
+        },
+        getColumnTitle(col)
+      ), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_icons.EyeOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.EyeInvisibleOutlined, null)
+      ))
+    );
+  })));
+};
+var ColumnSettingPopover_default = ColumnSettingPopover;

package/lib/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/lib/components/pisellRecordBoard/shellFrame/ColumnSetting/index.js

@@ -0,0 +1,96 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/ColumnSetting/index.tsx
+var ColumnSetting_exports = {};
+__export(ColumnSetting_exports, {
+  default: () => ColumnSetting_default
+});
+module.exports = __toCommonJS(ColumnSetting_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var import_recordBoardColumns = require("../../utils/recordBoardColumns");
+var import_ColumnSettingPopover = __toESM(require("./ColumnSettingPopover"));
+var import_index = require("./index.less");
+var RecordBoardColumnSetting = () => {
+  var _a, _b;
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "columnSetting" });
+  const gridColumns = (_b = (_a = ctx.childComponentProps) == null ? void 0 : _a.grid) == null ? void 0 : _b.columns;
+  const columnVisibility = ctx.columnVisibility ?? {};
+  const onColumnVisibilityChange = ctx.onColumnVisibilityChange;
+  const content = (0, import_react.useMemo)(() => {
+    if (!Array.isArray(gridColumns) || gridColumns.length === 0 || typeof onColumnVisibilityChange !== "function") {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_ColumnSettingPopover.default,
+      {
+        columns: gridColumns,
+        columnVisibility,
+        onColumnVisibilityChange
+      }
+    );
+  }, [gridColumns, columnVisibility, onColumnVisibilityChange]);
+  const hasHiddenColumns = (0, import_react.useMemo)(() => {
+    if (!Array.isArray(gridColumns)) return false;
+    return gridColumns.some(
+      (col) => columnVisibility[(0, import_recordBoardColumns.getRecordBoardColumnKey)(col)] === false
+    );
+  }, [gridColumns, columnVisibility]);
+  if (!content) return null;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content,
+      arrow: false,
+      placement: "bottomRight",
+      trigger: "click"
+    },
+    /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_icons.EyeOutlined, { style: { fontSize: 18 } })
+    )
+  );
+};
+RecordBoardColumnSetting.displayName = "RecordBoard.ColumnSetting";
+var ColumnSetting_default = RecordBoardColumnSetting;

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

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

package/lib/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/lib/components/pisellRecordBoard/shellFrame/Pagination/index.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Pagination/index.tsx
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  default: () => Pagination_default
+});
+module.exports = __toCommonJS(Pagination_exports);
+var import_react = __toESM(require("react"));
+var import_Pagination = __toESM(require("../../../Pagination"));
+var import_index = require("./index.less");
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var defaultPagination = {
+  pageNumber: 1,
+  pageSize: 10
+};
+var RecordBoardPagination = (props) => {
+  var _a;
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "pagination" });
+  const { render, ...rest } = props;
+  const pagination = ctx.pagination ?? defaultPagination;
+  const paginationProps = (0, import_react.useMemo)(
+    () => {
+      var _a2;
+      return {
+        current: pagination.pageNumber,
+        pageSize: pagination.pageSize,
+        total: ctx.total,
+        onChange: ctx.onPageChange,
+        ...((_a2 = ctx.childComponentProps) == null ? void 0 : _a2.pagination) ?? {}
+      };
+    },
+    [
+      pagination.pageNumber,
+      pagination.pageSize,
+      ctx.total,
+      ctx.onPageChange,
+      (_a = ctx.childComponentProps) == null ? void 0 : _a.pagination
+    ]
+  );
+  if (typeof render === "function") {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render({ ...ctx, ...rest }));
+  }
+  if (ctx.total === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      "data-layout-slot": "pagination",
+      className: "record-board-shell-frame-pagination",
+      style: { marginTop: 16, display: "flex", justifyContent: "center" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { ...paginationProps })
+  );
+};
+var Pagination_default = RecordBoardPagination;

package/lib/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/lib/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/lib/components/pisellRecordBoard/shellFrame/Search/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Search/index.tsx
+var Search_exports = {};
+__export(Search_exports, {
+  default: () => Search_default
+});
+module.exports = __toCommonJS(Search_exports);
+var import_react = __toESM(require("react"));
+var import_pisellFind = require("../../../pisellFind");
+var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
+var DEFAULT_SEARCH_FIELD = "keyword";
+var RecordBoardSearch = (props) => {
+  const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "search" });
+  const { searchParams, onSearch } = ctx;
+  const searchProps = ctx;
+  const keyword = (searchParams == null ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) ?? "";
+  const handleSearch = (0, import_react.useCallback)(
+    (value) => {
+      onSearch({ ...searchParams, [DEFAULT_SEARCH_FIELD]: value || void 0 });
+    },
+    [onSearch, searchParams]
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", { "data-layout-slot": "search", style: { marginBottom: 8 } }, /* @__PURE__ */ import_react.default.createElement(import_pisellFind.PisellFind, { value: keyword, onSearch: handleSearch, ...searchProps }));
+};
+RecordBoardSearch.displayName = "RecordBoard.Search";
+var Search_default = RecordBoardSearch;